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

Статус
В этой теме нельзя размещать новые ответы.

Orbit

Гуру форума
Регистрация
2 Апр 2007
Сообщения
145
Реакции
75
вопрос решен. спасибо.

прошу помощи. есть слайдшоу на странице (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>
Подскажите, пожалуйста, как сделать смену альбомов по клику.
слайдшоу выглядит вот так:


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>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху