Аккуратный перебор картинок

[polyetilen]

polyetilen
В этих строчках видно:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>

что нужны файлы jquery-1.3.2.min.js и jquery.cycle.all.min.js. А где их именно взять?) на сайте что то не нашёл(

все файлы примера вложены в сообщение в архиве, там minified сжатые версии яваскриптов, если интересно посмотреть код то лучше смотреть несжатые версии uncompressed

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

разные примеры анимаций с кодом:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Так же не обязательно писать яваскрипт код анимации в тэге head, код для любой позиции в html коде страницы:

<script language="JavaScript" type="text/javascript">
//код запускается когда загрузится страница
$(document).ready(function(){
    $('#rotator').cycle({ 
        random:  1,
        fx: 'scrollLeft',
        speed:    2000,  //2 секунды прокрутка
        timeout:  30000 //30 секунд пауза
    });
});
</script>

в сообщении выше есть ошибка в коде и поэтому не работает в ie, надо в строке
timeout: 30000, //30 секунд пауза
убрать запятую
timeout: 30000 //30 секунд пауза

Ещё пока грузится страница и яваскрипты не запущены, то показываются все картинки сразу, их можно спрятать и показывать только одну чтоб не портило дизайн:

<div id="rotator"> 
    <a href="http://nulled.cc"><img src="1.jpg" width="300" height="100" />1</a>
    <a style="display:none;" href="http://nulled.cc"><img src="2.jpg" width="300" height="100" />2</a>
    <a style="display:none;" href="http://nulled.cc"><img src="3.gif" width="300" height="100" />3</a>
    <a style="display:none;" href="http://nulled.cc"><img src="4.gif" width="300" height="100" />4</a>
</div>

пример вложен архив rotator2.zip

 

[sk8er]

Поставил, всё хорошо, но при загрузки сайта вот такая лажа:

а когда сайт догрузится то выглядит так:

Можно ли пофиксить, чтоб выглядело аккуратнее?

 

[polyetilen]

Поставил, всё хорошо, но при загрузки сайта вот такая лажа

выше сообщение с архивом rotator2.zip там пример надо добавить в элементы style="display:none;" тогда все будут спрятаны пока грузятся, ну или один можно оставить

 

[sk8er]

Раньше всё ок было, сейчас косячёк вылез. Теперь время от времени появляется просто пустое поле. Тоесть поменялось пара картинок, идёт переход на пустое поле, потом опять идут картики. Как пофиксить?

 

[polyetilen]

скрипт берёт все тэги проверки на картинки там нет
например

<div id="rotator"> 
    <a href="http://nulled.cc"><img src="1.jpg" width="300" height="100" />1</a>
    <a style="display:none;" href="http://nulled.cc"><img src="2.jpg" width="300" height="100" />2</a>
    <a style="display:none;" href="http://nulled.cc"><img src="3.gif" width="300" height="100" />3</a>
    <a style="display:none;" href="http://nulled.cc"><img src="4.gif" width="300" height="100" />4</a>
<br><br>  
</div>

будут дополнительные два пустых поля (<br>), возможно в этом проблема или может какая нибудь картинка не загружается или долго грузится