jQuery GalleryView переключение слайдшоу по onclick

Тема в разделе "Другие языки", создана пользователем Orbit, 20 мар 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. Orbit

    Orbit Постоялец

    Регистр.:
    3 апр 2007
    Сообщения:
    145
    Симпатии:
    74
    вопрос решен. спасибо.

    прошу помощи. есть слайдшоу на странице (jQuery с плагином GalleryView). На странице необходимо сделать список альбомов, чтобы по клику на название в списке менялся бы набор фотографий в сладшоу. Набор задается в списке. Выглядит все вот так:
    Код:
    в head
    <script type="text/javascript">
    	$(document).ready(function(){
    		$('#album1').galleryView();
    	})
    </script>
    два альбома в  body
    <ul id="album1">
    	<li><img src="images/01.jpg" /></li>
    	<li><img src="images/02.jpg" /></li>
    	<li><img src="images/03.jpg" /></li>
    </ul>
    <ul id="album2">
    	<li><img src="images/04.jpg" /></li>
    	<li><img src="images/05.jpg" /></li>
    	<li><img src="images/06.jpg" /></li>
    </ul>
    
    Подскажите, пожалуйста, как сделать смену альбомов по клику.
    слайдшоу выглядит вот так:
    http://spaceforaname.com/panels.html

    P.S. видимо нужно было поспать, все получилось, сделал по такому принципу:

    Код:
    в head
    <script type="text/javascript">
    	$(document).ready(function(){
    		$('#album1').galleryView();
    		$("#button").click(function () {
    		 var htmlString = $('#album2').html();
    		 $('#album1').html( htmlString );
    		 $('#album1').galleryView();
    		});
    	})
    
    </script>
    два альбома в  body
    <ul id="album1">
    	<li><img src="images/01.jpg" /></li>
    	<li><img src="images/02.jpg" /></li>
    	<li><img src="images/03.jpg" /></li>
    </ul>
    <ul id="album2" style="visibility: hidden;">
    	<li><img src="images/04.jpg" /></li>
    	<li><img src="images/05.jpg" /></li>
    	<li><img src="images/06.jpg" /></li>
    </ul>
    
    Кнопка для второго альбома:
    <div id="button">Альбом 2</div>
    
     
Статус темы:
Закрыта.