Animacje w sliderze jQuery

[Szymon.]

Cześć, stworzyłem sobie slider, jednak nie wiem jak mógłbym dodać do niego animacje przesuwania się slidów. Oto mój kod:

 

HTML:

<section id="slider">
	<div class="container">
		<div class="header">
			<span class="big-text">Gotowe strony</span> <br />
			<span class="small-text">w bardzo niskiej cenie</span>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="content parent">
					<div id="navigation-left" class="navigation child"><img src="resources/arrow-left.png"></div>
						<div class="slidies">
						</div>
					<div id="navigation-right" class="navigation child"><img src="resources/arrow-right.png"></div>
				</div>
			</div>
		</div>
	</div>
</section>

fragment js:

function slider_up() {
var slide_view1 = '<div class="item">tresc slide</div>';
var slide_view2 = '<div class="item">tresc slide</div>';
$( '.slidies' ).html(slide_view1 + slide_view2);
}

//slider_down taki sam jak slider_up

$( document ).ready(function (){
slider_up();
});
	
$("#navigation-right").click(slider_up);
$("#navigation-left").click(slider_down);

Kodu trochę jest, dlatego nie wklejam całego. Jeżeli ktoś by chciał zobaczyć go w całości, to zapraszam na www.szymo02.vior.pl/onepagev2

[DrDomix658]

Skorzystaj z gotowej biblioteki animacji CSS:
https://daneden.github.io/animate.css/

 

Następnie przypisz odpowiednio za pomocą jQuery zdarzenia po kliknięciu:

 

$("#navigation-right").on("click", function() {

  elementDoAnimowania.addClass("klasa");

 

  setTimeout(function() {

    odejmijAnimacjeElementowi.removeClass("klasa");

  }, 1000);

 

});

 

Ale jednak nie wiem czy to rozwiąże Twój problem / czy to jest to czego poszukujesz.

[Szymon.]

Faktycznie, fajny efekt udało mi się uzyskać, dzięki