2010-01-22 1 views
5

http://procollage.com/site10JQuery цикл: Goto Slide # с использованием текстовой ссылки

Пожалуйста, смотрите эту страницу я работаю на весь день, чтобы просто сделать текст:
• Смешанное Коллаж # 1
• Bordered Коллаж
• Смешанное Коллаж # 2
• Магия Мозаика
• Смешанное Коллаж # 3

Я просто хотел, когда каждый нажмите на слайд-шоу, чтобы показать соответствующег ng slide. Я думал, что это будет просто, но через 6 часов я все еще боюсь. Если слайд-шоу может продолжаться после его нажатия, это будет здорово ... если нет, я могу жить. ПОЖАЛУЙСТА ПОМОГИ!

ответ

5

Чтобы ответить на Ваши вопросы, вот полный контекст:

<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> 
... 
... 
+0

JAKE,
Это сработало! Не то чтобы я сомневался в тебе. Огромное спасибо. Я бы никогда не подумал об этом. Пожалуйста, подумайте над тем, чтобы мы создали для вас фотоколлаж! -dave –

+0

Прохладный, рад слышать. Спасибо за предложение, но я проведу проверку дождя на коллаж. лол – JAKEtheJAB

2

Ну, так как вы используете плагин цикла jQuery, вы можете использовать эти ссылки в качестве пейджеров в демо-версии Intermediate here.

Что-то вроде этого с помощью меню:

$('.samples').cycle({ 
    pager: '.menu_table' 
}); 

Сделано небольшое редактирование относительно опорного элемента на плагин цикла (я скопировал с сайта цикла плагин, но теперь это специфичные для вашего элемента цикла который называется .samples)

0

Вот пример:

$('#goto2').click(function() { 
    $('#s1').cycle(1); 
    return false; 
}); 

Таким образом, для первой ссылки на вашем ра GE, было бы:

$('#s1 a:first').click(function() { 
    $('.samples').cycle(0); 
    return false; 
}); 
Смежные вопросы