Как сделать свой слайдер?

Хотелось бы понять как можно сделать свой слайдер. Где можно найти внятные инструкции? Или же пожалуйста объясните здесь в комментариях.
  • Вопрос задан
  • 4287 просмотров
Пригласить эксперта
Ответы на вопрос 4
@likeapimp
web dev, web design
Вот я делал пример простейшего слайдера, может это поможет вам.
Подключаем библиотеку jquery и вот код:
<style type="text/css">
		#enter {display:none}
		.slide {border:1px solid grey; padding:20px; width:40px; margin:10px; display:none}
		.check {border:1px solid red; padding:10px; width:10px; margin:8px; display:inline-block;}
	</style>

	<div id="s1" class="slide">1</div>
	<div id="s2" class="slide">2</div>
	<div id="s3" class="slide">3</div>
	<div id="s4" class="slide">4</div>
	
	<div id="prev" class="check">&larr;</div>
	<div id="next" class="check">&rarr;</div>
	
	<script type="text/javascript">

		var count = 1;
			
		$(document).ready(function() {
			$('#s1').show();
		});

		$('#next').on('click', function(){
			$('#s' + count).hide();
			$('#s' + ++count).fadeIn();
			if(count == 5) { count = 1; $('#s1').fadeIn(); }
		});

		$('#prev').on('click', function(){
			$('#s' + count).hide();
			$('#s' + --count).fadeIn();
			if(count == 0) { count = 4; $('#s4').fadeIn(); }
		});
	
	</script>


А далее уже настраивайте под себя
Ответ написан
Комментировать
Jaty4
@Jaty4
1. почитайте как создавать свой плагин на жс/жквери
2. посмотрите код популярных слайдеров
3. ????
4. PROFIT!!!
Ответ написан
Комментировать
@abba777
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы