Фронтальное 3D jQuery слайдшоу изображений
QR код

Линейное фронтальное 3D слайдшоу изображений на основе jQuery системы вариант № 1 .

Главная страница сайта .
Реальный пример . Возможна привязка ссылки к изображениям , например на разделы / категории Фотоальбома сайта .
скачать архив Javascript
HTML данного примера .
<script type="text/javascript" src="http://runettex.clan.su/JSC/eye.js"></script>
<script type="text/javascript" src="http://runettex.clan.su/JSC/spacegallery.js"></script>
<script type="text/javascript" src="http://runettex.clan.su/JSC/layout.js"></script>
<div style="position: relative; top: 0px; left: 0px; height: 500px;">
<div id="EsqG" class="spacegallery">
<a href="#about" rel="about"></a>
<img src="http://runettex.clan.su/FPC/WP01.jpg" alt=""><img src="http://runettex.clan.su/FPC/WP02.jpg" alt=""><img src="http://runettex.clan.su/FPC/WP03.jpg" alt=""><img src="http://runettex.clan.su/FPC/WP04.jpg" alt=""><img src="http://runettex.clan.su/FPC/WP05.jpg" alt=""><img src="http://runettex.clan.su/FPC/WP06.jpg" alt=""><img src="http://runettex.clan.su/FPC/WP07.jpg" alt=""><img src="http://runettex.clan.su/FPC/WP08.jpg" alt=""><img src="http://runettex.clan.su/FPC/WP09.jpg" alt="">
</div></div>
CSS данного примера .
.spacegallery {position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.spacegallery img {position: absolute; left: 50%;}
.spacegallery a {position: absolute; z-index: 100; display: block; top: 0; left: 0; width: 100%; height: 100%;}



Non-Commercial Use: Free Runettex_team_ESQ © 2009 - 2024 Хостинг от uCoz