цикл jQuery: Goto Slide# с помощью текстовой ссылки
Посмотрите эту страницу, я продолжал работать ВЕСЬ ДЕНЬ, чтобы просто сделать текст:
• Смешанный коллаж № 1
• Ограниченный коллаж
• Смешанный коллаж № 2
• Волшебная мозаика
• Смешанный коллаж № 3
Я просто хотел бы, когда каждый - щелчок для слайд-шоу для показа соответствующего слайда. Я думал, что это будет просто, но 6 часов спустя, я все еще борюсь. Если слайд-шоу мог бы продолжиться после того, как он нажат, который был бы большим... в противном случае, что я могу жить. ПОМОГИТЕ!
3 ответа
Чтобы ответить на ваши вопросы, вот полный контекст:
<html>
<head>
<script type="text/javascript">
$(document).ready(function() {
$('.samples').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
function setSlide(index) {
$('.samples').cycle(index);
}
</script>
</head>
...
...
<a href="javascript:setSlide(0)">Blended Collage #1</a><br />
<a href="javascript:setSlide(1)">Bordered Collage</a>
...
...
Ну, поскольку вы используете плагин jQuery Cycle Cycle, вы можете использовать эти ссылки в качестве пейджеров на промежуточную демонстрацию здесь .
Что-то вроде этого, используя ваше меню:
$('.samples').cycle({
pager: '.menu_table'
});
сделало небольшое редактирование в отношении ссылки на элемент на плагине цикла (я скопировал с веб-сайта плагина цикла, но теперь это специфично для вашего элемента цикла, который называется .Samples)
Вот пример:
$('#goto2').click(function() {
$('#s1').cycle(1);
return false;
});
Так что для первой ссылки на вашей странице было бы:
$('#s1 a:first').click(function() {
$('.samples').cycle(0);
return false;
});