Всем доброго времени суток. Есть проблема, все бы ничего и все бы проще простого, но я новичек, хотя уже заканчиваю сайт (визитку) делать, и смешное в следующем. Есть два div-a, в которых есть по одному скрытых контейнера с изображениями (галерея). Проблема в том, что когда нажимаю второй альбом (div) то в нем содержатся изображения с первого, то есть как будто два контейнера скрытых - на самом деле один. Реализация на javascript (думаю кто то знает - это highslide).
Привожу код javascript
:
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.outlineType = 'rounded-white';
hs.headingEval = 'this.a.title';
hs.numberPosition = 'heading';
hs.useBox = true;
hs.width = 700;
hs.height = 500;
hs.showCredits = false;
hs.dimmingOpacity = 0.0;
// Add the slideshow providing the controlbar and the thumbstrip
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
position: 'top right',
offsetX: 200,
offsetY: -65
},
thumbstrip: {
position: 'rightpanel',
mode: 'float',
relativeTo: 'expander',
width: '210px'
}
});
// Make all images animate to the one visible thumbnail
var miniGalleryOptions1 = {
thumbnailId: 'thumb1'
}
</script>
И привожу код div-вов:
<div class="highslide-gallery">
<a class='highslide' id="thumb1" href='kovanue_balkonu/09.jpg' onclick="return hs.expand(this, miniGalleryOptions1)" title="Two cabins">
<img src='kovanue_balkonu/thumb_09.jpg' alt=''/></a> <!-- альбом-обложка А-->
<div class="hidden-container" >
<a class='highslide' href='kovanue_balkonu/010.jpg' onclick="return hs.expand(this)"
title="Ptarmigan"> <!-- ПРИ нажатии: содержимое А + сожержимое Б-->
<img src='kovanue_balkonu/thumb_010.jpg' alt=''/></a>
</div>
</div>
<div class="highslide-gallery">
<a class='highslide' id="thumb1" href='kovanue_balkonu/010.jpg' onclick="return hs.expand(this, miniGalleryOptions1)" title="Two cabins">
<img src='kovanue_balkonu/thumb_010.jpg' alt=''/></a> <!-- альбом-обложка Б-->
<div class="hidden-container" >
<a class='highslide' href='kovanue_balkonu/011.jpg' onclick="return hs.expand(this)"
title="Ptarmigan"> <!-- ПРИ нажатии: содержимое А + сожержимое Б-->
<img src='kovanue_balkonu/thumb_011.jpg' alt=''/></a>
</div>
</div>
Надеюсь, у меня получилось донести суть. И уверен, что решение таится в пару секундах. Кому не сложно - посмотрите, просто устал уже, всю ночь - как рыба об лед..
