Orbit
Гуру форума
- Регистрация
- 2 Апр 2007
- Сообщения
- 145
- Реакции
- 75
- Автор темы
- #1
вопрос решен. спасибо.
прошу помощи. есть слайдшоу на странице (jQuery с плагином GalleryView). На странице необходимо сделать список альбомов, чтобы по клику на название в списке менялся бы набор фотографий в сладшоу. Набор задается в списке. Выглядит все вот так:
Подскажите, пожалуйста, как сделать смену альбомов по клику.
слайдшоу выглядит вот так:
P.S. видимо нужно было поспать, все получилось, сделал по такому принципу:
прошу помощи. есть слайдшоу на странице (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>