Код jQuery фотогалерея - Zoomimage Код jQuery фотогалерея - Zoomimage

Код jQuery фотогалерея - Zoomimage

Дата: Четверг, 28.10.2010, 13:34 | Сообщение # 1

Группа: Администраторы

Сообщений: 1530

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Model Dark Angel</title>

<link rel="stylesheet" media="screen" type="text/css" href="http://ludmila.nsk.su/zoomimage/css/zoomimage.css" />
<script type="text/javascript" src="http://ludmila.nsk.su/zoomimage/js/jquery.js"></script>
<script type="text/javascript" src="http://ludmila.nsk.su/zoomimage/js/eye.js"></script>
<script type="text/javascript" src="http://ludmila.nsk.su/zoomimage/js/utils.js"></script>
<script type="text/javascript" src="http://ludmila.nsk.su/zoomimage/js/zoomimage.js"></script>
<script type="text/javascript" src="http://ludmila.nsk.su/zoomimage/js/layout.js"></script>
<style>
img {border:5px solid #f0f0f0;}
.h1 {color:#ccc;font-size:30px;}
.zoomimage img {border:10px solid #f7f6f5;} //цвет рамки увелич. изобр.
</style>
</head>
<body style="background:#fff;color:#ccc;height:1000px;">
<div style="width:100%;" align="center"><h1 class="h1">Model Dark Angel</h1>
<div style="width:700px;margin:50px;">
<ul class="navigationTabs" style="height:0px;border:0px;"><a href="#photo" rel="photo"></a></ul>

<script>
var t1="http://1.cdn.ddstatic.com/digitaldesire/bp-content/tour/legacy/photo_gals/10445/angel_dark_10445_13-gal-";
for(var i=1;i<10;i++) {
var t="<a href='"+t1+"1024-jpg/000"+i+".jpg' title='Photo"+i+"' class='bbGal'><img height='90' src='"+t1+"150-jpg/000"+i+".jpg' alt='Photo"+i+"' /></a> ";
document.write(t);
}
for(var i=10;i<18;i++) {
var t="<a href='"+t1+"1024-jpg/00"+i+".jpg' title='Photo"+i+"' class='bbGal'><img height='90' src='"+t1+"150-jpg/00"+i+".jpg' alt='Photo"+i+"' /></a> ";
document.write(t);
}
</script>

</div>
</div>

</body>
</html>

----------------------------------------------

Для работы модуля необходимо:
1. подключить вышеуказанные библиотеки
2. Вставить картинки в следующие конструкции:
<a href="большая картинка" title="титул" class="bbGal"><img src="маленькая картинка" alt="Описание" /></a>

----------------------------------------------
пример: http://kachay.ucoz.org/load/jquery_foto_galereja_zoomimage/27-1-0-271

Код jQuery фотогалерея - Zoomimage - Архив