Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 16.10.2012, 06:36   #1
dream.reckless
 
Аватар для dream.reckless
 
Регистрация: 04.12.2011
Сообщений: 3
Лампочка Загвоздка с галереей (highslide)

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


Код HTML:
<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>
Надеюсь, у меня получилось донести суть. И уверен, что решение таится в пару секундах. Кому не сложно - посмотрите, просто устал уже, всю ночь - как рыба об лед..

Прошу прощение, что не оформил код js - не знаю как..

Последний раз редактировалось dream.reckless; 16.10.2012 в 06:40.
dream.reckless вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с highslide asmadeus JavaScript, Ajax 10 10.07.2011 10:14
редактирование highslide-4.1.4 subbota HTML и CSS 3 21.06.2010 18:30
Проблемы с видео галереей Snakeus JavaScript, Ajax 6 23.03.2010 14:33
Помогите разобраться с галереей IMAGIN yana_studio JavaScript, Ajax 1 12.12.2009 17:58