Вопрос по jQuery слайдеру

zomorg
На сайте с 04.02.2009
Offline
191
832

Дорогие друзья!

Тут меня с подобного рода вопросами всегда выручали, вот и сейчас я хотел бы прибегнуть к Вашей помощи. Вопрос простой:

Как сделать автоплей для этого слайдера: http://tympanus.net/Tutorials/TiltedContentSlideshow/?

Нужно просто запускать прокрутку слайдов при входе на сайт. Пожалуйста подскажите.

four_rings
На сайте с 21.05.2011
Offline
60
#1

Решение автослайда: Подключаем

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

Качаем http://www.lacabanyaibiza.com/sys/mt-static/js/wait.js Подключаем

<script type="text/javascript" src="js/wait.js"></script>

Вставляем после wait.js

<script type="text/javascript">

$(document).ready(function(){

var el=1;

repeat(2000,function(){

if(el==7){

$('#slideshow nav span:nth-child(1)').click();

el=2;

}

else{

$('#slideshow nav span:nth-child('+el+')').click();

el=el+1;

}

});

});

</script>

Качественная верстка, натяжка на WordPress (/ru/forum/912018)
C
На сайте с 04.02.2005
Offline
291
#2

ну...я бы не сказал что это слайдер

но, слайдер без jquery, если подключите, то вот:

window.setInterval(play,4000)

function play(){

var nav = $('#slideshow nav span');

var current = $('#slideshow nav span.current');

var next = current.next();

if (next.length == 0) var nextslide = nav[0]; else nextslide =next[0];

$(nextslaide).click();

}

Писалось на коленке.

сомневаюсь вот в этих

Так

var nextslide = nav[0]; else nextslide =next[0];

$(nextslaide).click();

или так

var nextslide = nav[0]; else nextslide =next;

nextslaide.click();

zomorg
На сайте с 04.02.2009
Offline
191
#3
four_rings:
Решение автослайда

Работает идеально, как я и хотел! Большое спасибо Вам!

Chukcha Ваш способ не пробовал, но тоже очень благодарен.

Большое спасибо! Решил тут свою очередную проблему!

C
На сайте с 04.02.2005
Offline
291
#4

Та не вопрос..

у four_rings жесткая привязка к количеству слайдов

и требует подключения еще одного плагина.

four_rings
На сайте с 21.05.2011
Offline
60
#5

Пожалуйста, рад что вам помогло ;)

zomorg
На сайте с 04.02.2009
Offline
191
#6

four_rings:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
Качаем http://www.lacabanyaibiza.com/sys/mt-static/js/wait.js Подключаем
<script type="text/javascript" src="js/wait.js"></script>
Вставляем после wait.js
<script type="text/javascript">
$(document).ready(function(){
var el=1;
repeat(2000,function(){
if(el==7){
$('#slideshow nav span:nth-child(1)').click();
el=2;
}
else{
$('#slideshow nav span:nth-child('+el+')').click();
el=el+1;
}
});
});
</script>


Сразу не обратил внимание, но после 3тьего слайда прокрутка происходит через 1 слайд. Не подскажете - как переделать?

Попробовал метод от Chukcha, но не получилось. Скорее всего я вставил код в неправильное место... Я совсем плох в js...

Друзья! Спасибо еще раз! Я разобрался! Тряхнул извилиной - так сказать...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий