Составление нескольких слайд-шоу с использованием Jquery - PullRequest
Новая
       12

Составление нескольких слайд-шоу с использованием Jquery

0 голосов
/ 31 мая 2010

JQuery новичок здесь! У меня возникают трудности при создании нескольких слайд-шоу с каждым отдельным элементом управления. Одно слайдшоу работает просто отлично.

Однако, когда я добавляю другое слайд-шоу, я теряю элементы управления и заголовок для этого. ссылка на сайт: http://dl.dropbox.com/u/1466448/numbered/stack.html

Я читал в других связанных постах об использовании уникального идентификатора для каждого слайд-шоу, но у меня очень ограниченный опыт в jquery, чтобы понять этот подход. Любая помощь будет принята с благодарностью.

Спасибо! -Thai

1 Ответ

0 голосов
/ 01 июня 2010

В вашем HTML у вас есть два набора div'ов, верно? У них обоих есть id="slideshow" и брат с id="title".

Попробуйте взять второй набор элементов div и переименовать их в слайд-шоу2 и заголовок2. Это должно выглядеть так: 

<div align="center"> 
<div id="demo"> 
    <div align="left" id="slideshow2" class="pics"> 
        <img src="images/nature/snow.jpg" alt="Snowy fied"/> 
        <img src="images/nature/city.jpg" alt="Furtistic City"/> 
        <img src="images/nature/sea.jpg" alt="By the sea"/> 
     </div> 
     <div align="left" id="title2"></div> 
</div> 
</div>

Затем скопируйте и вставьте для них свой javascript, изменив там ссылки. Ваша вторая копия должна выглядеть так: 

$(function() {            
  $('#slideshow2').after('<div id="nav2" class="nav">').cycle({        
    fx:     'fade',        
    speed:  'slow',
    timeout: 0*1000,
    pager:  '#nav2',
    before: onBefore    });            
  function onBefore() {        $('#title2').html(this.alt);    }});
...