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

Question

[DiegoKKC]

Хотелось бы понять как можно сделать свой слайдер. Где можно найти внятные инструкции? Или же пожалуйста объясните здесь в комментариях.

Answer 1

[Mr_Smitt]

1. 20 туториалов по созданию jQuery-слайдеров
2. Как создать простой и быстрый слайдер изображений ...
3. Создание плагина jQuery на примере слайдера
4. пишем слайдер
5. и до безконечности

Answer 2

[Dmmitry]

Вот я делал пример простейшего слайдера, может это поможет вам.
Подключаем библиотеку 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>

А далее уже настраивайте под себя

Answer 3

[Jaty4]

1. почитайте как создавать свой плагин на жс/жквери
2. посмотрите код популярных слайдеров
3. ????
4. PROFIT!!!

Answer 4

[abba777]

Привет! Есть отличный материал о создании слайдера для сайта без знания языков прог....