|
|
Модератор форума: JonMagon |
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Скрипт перемешки строк при загрузке страницы |
Скрипт перемешки строк при загрузке страницы |
Привет.
Сделал карусель картинок. Хорошая получилась, крутятся с права налево по одной, тощусь прям :-) Но не интересно в ней устроена прокрутка, при загрузке страницы постоянно все начинается с начала. Скучно. Может кто знает как реализовать перемешивание строк при загрузке страницы? Строки выглядят примерно так: Код ........... <a class="wrapper" href="" title=""><img class="logo" id="id1" src="1.jpg"></a> <a class="wrapper" href="" title=""><img class="logo" id="id2" src="2.jpg"></a> <a class="wrapper" href="" title=""><img class="logo" id="id3" src="3.jpg"></a> <a class="wrapper" href="" title=""><img class="logo" id="id4" src="4.jpg"></a> <a class="wrapper" href="" title=""><img class="logo" id="id5" src="5.jpg"></a> <a class="wrapper" href="" title=""><img class="logo" id="id6" src="6.jpg"></a> .......... предполагаю, что при загрузке страницы, из прописанного заранее массива, методом math.random выбирается номер и втыкается в документ с помощью document.write. Только вот как это будет выглядеть в коде, написать не могу. |
|
levinson, Впихните скрипт, варианты с переставленной очерёдностью следования изображений, в стандартный ротатор баннеров ...
|
Астра, Miss_Esq, оба варианта подошли. Спасибо.
Пока сидел, увлекся, чувствовал что задача то простая, было интересно решить :-) В общем вот что получилось средствами javascript: Код var arr = new Array() arr[1] = '<a class="wrapper" href="" title=""><img class="logo" id="id1" src="1.jpg"></a>' arr[2] = '<a class="wrapper" href="" title=""><img class="logo" id="id1" src="2.jpg"></a>' arr[3] = '<a class="wrapper" href="" title=""><img class="logo" id="id1" src="3.jpg"></a>' arr[4] = '<a class="wrapper" href="" title=""><img class="logo" id="id1" src="4.jpg"></a>' arr[5] = '<a class="wrapper" href="" title=""><img class="logo" id="id1" src="5.jpg"></a>' arr[6] = '<a class="wrapper" href="" title=""><img class="logo" id="id1" src="6.jpg"></a>' for (var i=0; i<arr.length; i++) { document.write(arr[Math.floor(Math.random()*(arr.length-1))+1]); } Сообщение отредактировал levinson - Воскресенье, 19 Май 2013, 10:43:58
|
levinson, то же вариант ... но про стандартный ротатор баннеров не забывайте ... когда ни чего не подойждёт он то и будет палочкой выручалочкой ...
|
| |||
| |||