всем доброго времени суток!
собственно ситуация такая:
есть галерея из картинок-миниатюр, которую я размещаю в одном разделе сайта
единомоментно на странице 9 картинок-миниатюр, но всего их около сотни
все это дело с помощью jquery.lightbox показывает большие картинки
собственно вопрос в том, чтобы сделать страничку полегче в плане загрузки, а не то все 100 миниатюр сразу грузить не дело.
со скрытыми дивами делать не хочется по причине тяжелой загрузки
я пытаюсь сделать так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jQuery-1.4.2.js"></script>
<script type="text/javascript" src="js/jquery.lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery.lightbox.css" media="screen" />
<script type="text/javascript">
$(function() {
$('#gallery1 a').lightBox();
});
</script>
<script language="JavaScript" type="text/javascript">
function ch1()
{
jQuery("#bol_img1").attr("href", 'pic/gal/fasad/fasad10_bol_1.png');
jQuery("#mal_img1").attr("src", 'pic/gal/fasad10_mal.png');
$('#gallery1 a').lightBox();
}
</script>
</head>
<body>
<div id="gallery1">
<a id="bol_img1" href="pic/gal/fasad/fasad01_bol_1.jpg" title="123">
<img id="mal_img1" class="png_img" src="pic/gal/fasad01_mal.png" width="200" height="140" alt="" />
</a>
</div>
<a onclick="ch1()" style="cursor: hand;"><u>2</u> </a>
</body>
</html>
то есть я пытаюсь подменить ссылки на картинки (и миниатюры и большие)
так вот миниатюры меняются, а вот лайтбокс показывать большую картинку не хочет, хотя в статусной строке брайзера видно, что ссылка корректно подменилась
подскажите, как можно укротить лайтбокс либо подскажите другой путь к решению проблемы
заранее спасибо
Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|