Скрипт движение картинок фото галереи для ucoz
Пример работы скрипта смотрите здесь
Установка скрипта движение картинок фото на ucoz сайт :
1. В самый верх дизайна добавляем строку:
<script type="text/javascript" src="http://erotoman.ucoz.ru/preview/main.js"></script>
2. Добавляем в css
#preview-contanier {background-attachment: scroll; background-color: transparent; background-image: url("http://erotoman.ucoz.ru/preview/bg_preview.png"); background-position: 0% 0%; background-repeat: repeat-x;}
#preview-contanier {padding-bottom: 15px; height: 200px; width: 961px; margin: 0 auto 20px auto; text-align: center; position: relative;}
#preview {width: 900px; padding-top: 40px; margin: 0 auto; text-align: left;}
#preview-contanier div.arrow-left {position: absolute; top: 95px; left: -10px; width: 28px; height: 28px; display: block; overflow: hidden; text-indent: -9999px; background: url('http://erotoman.ucoz.ru/preview/arrow_left.png') no-repeat; cursor: pointer;}
#preview-contanier div.arrow-right {position: absolute; top: 95px; right: -10px; width: 28px; height: 28px; display: block; overflow: hidden; text-indent: -9999px; background: url('http://erotoman.ucoz.ru/preview/arrow_right.png') no-repeat; cursor: pointer;}
li.preview-tumb {padding-left: 0 !important;}
.preview-tumb {width: 170px; float: left; display: inline; text-align: center; overflow: hidden; margin: 0 5px;}
.preview-tumb a {display: block; padding: 8px 8px 5px 8px; background: #fff; text-decoration: none; color: #9f9f9f; font-size: 9pt;}
.preview-tumb a:hover {display: block; padding: 8px 8px 5px 8px; background: #51b5ea; text-decoration: none; color: #fff; font-size: 9pt;}
.arrow-left, .arrow-right {padding:2px;filter:alpha(opacity=100); ..-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
.arrow-left:hover, .arrow-right:hover {filter:alpha(opacity=80); ..-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;}
3. на место где нужно вставить вашу фото галерею
<div id="preview-contanier">
<div class="arrow-left"></div>
<div id="preview" class="ie6">
<ul>
<li class="preview-tumb panel"><a href="javascript://" onclick="window.open('http://erotoman.ucoz.ru/photo/fitness_devushki/13');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://erotoman.ucoz.ru/img/1s.gif"><br>Фитнесс девушки</a></li>
<li class="preview-tumb panel"><a href="javascript://" onclick="window.open('http://erotoman.ucoz.ru/photo/golye_znametosti/5');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://erotoman.ucoz.ru/img/6s.gif"><br>Знаменитости</a></li>
<li class="preview-tumb panel"><a href="javascript://" onclick="window.open('http://erotoman.ucoz.ru/photo/foto_ehrotika/9');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://erotoman.ucoz.ru/img/4s.gif"><br>Красивые девушки</a></li>
<li class="preview-tumb panel"><a href="javascript://" onclick="window.open('http://erotoman.ucoz.ru/photo/ehroticheskie_oboi/10');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://erotoman.ucoz.ru/img/3s.gif"><br>Красивые обои</a></li>
<li class="preview-tumb panel"><a href="javascript://" onclick="window.open('http://erotoman.ucoz.ru/photo/ehroticheskie_prikoly/4');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://erotoman.ucoz.ru/img/7s.gif"><br>Эротические приколы</a></li>
<li class="preview-tumb panel"><a href="javascript://" onclick="window.open('http://erotoman.ucoz.ru/photo/japonskie_devushki/11');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://erotoman.ucoz.ru/img/2s.gif"><br>Девушки азиатки эротика</a></li>
<li class="preview-tumb panel"><a href="javascript://" onclick="window.open('http://erotoman.ucoz.ru/photo/krasivye_ehroanimacii/6');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://erotoman.ucoz.ru/img/8s.gif"><br>GIF анимация</a></li>
<li class="preview-tumb panel"><a href="javascript://" onclick="window.open('http://erotoman.ucoz.ru/photo/ehroticheskie_avatary/3');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="http://erotoman.ucoz.ru/img/5s.gif"><br>Эро Аватары</a></li>
</ul>
</div>
<div class="arrow-right"></div>
</div>
<div style="clear:both;height:10px;"></div>
Вот собственно и все!
Единственное, что я бы советовал сделать - это загрузить на свой сайт сам скрипт и вспомогательные элементы: картинки со стрелками и фоном и внести изменения (в тех местах, которые выделены красным, нужно будет закачать к себе на сайт и прописать адреса этих элементов).
Это позволит во-первых быстрее загружаться странице и во-вторых, ваша галерея будет работать независимо от сайта на котором сейчас установлен скрип.