Добрый день, прошу помочь мне с одним важным вопросом.
На сайте есть галерея - слайдшоу, при наведении мышки на номер картинки, рядом в рамке выводится соответствующая картинка.
Тут все работает.
Но я добавил на сайт lumebox библеотеку, она при клике на картинку увеличивает ее и затемняет фон.
</p>
<script type="text/javascript">$.fx.speeds._default = 1000;
//Галерея
$(document).ready(function() {
$('.buttonsert .s').hover(function(eventObject) {
if ($('.frame a img').attr('src') != $(this).attr('href')) {
$('.frame a img').hide().attr('src',$(this).attr('href'));
$('.frame a').attr('href',$(this).attr('href'));
$('.frame a img').load(function() {
$(this).fadeIn(200);
});
}
eventObject.preventDefault();
});
})
</script>
<div class="frame">
<a href="<?php echo $this->baseurl; ?>/images/certificate/mini/sert1.gif" rel="lightbox[photo]">
<img src="<?php echo $this->baseurl; ?>/images/certificate/mini/sert1.gif" width="174" height="220" />
</a>
</div>
<div class="buttonsert">
<a class="s" href="<?php echo $this->baseurl; ?>/images/certificate/mini/sert1.gif"><div class="b1"> 1</div></a>
<a class="s" href="<?php echo $this->baseurl; ?>/images/certificate/mini/sert2.gif"><div class="b2"> 2</div></a>
<a class="s" href="<?php echo $this->baseurl; ?>/images/certificate/mini/sert3.gif"><div class="b3"> 3</div></a>
<a class="s" href="<?php echo $this->baseurl; ?>/images/certificate/mini/sert4.gif"><div class="b4"> 4</div></a>
<a class="s" href="<?php echo $this->baseurl; ?>/images/certificate/mini/sert5.gif"><div class="b5"> 5</div></a>
Когда переключаешь картинки в галерее автоматом меняется ссылка на изображение в рамке.
Проблема в том что lumebox не видит замены ссылок и увеличивает картинку ссылка на которую была при старте страницы, хотя при работе галлерее ссылки меняются.
Помогите пожалуйста с вопросом.