Скрипт смена изображений на JavaScript
 | |
| По моему отличный скрипт Ротатор изображение, который производит смену. Где веб мастер может установить под любую тематику и выставить размер. картинки, тот который ему нужен. Если просто так прикинуть, то можно на кино сайт поставить в статью и чтоб не загружать много картинок, просто встроит этот скрипт с кнопками, где вы сами будете переключать. Это второй JavaScript но а первый Добавить в избранное для сайта, где вы можете сделать прямо с ресурса. Так и на других темах, работает он на HTML, что под любой материал или статью. Вы написали, и сделали установку по изображению, и чтоб места не занимало, установили код, вообщем смотрим демонстрацию и все поймете, но с начало к установке. JavaScript устанавливаем между тегами head и /head чтоб корректно работал. Что по самому изображению, здесь установлено их 3, вы ставите столько вам нужно, просто продолжаем прописывать ссылки. Код <script type="text/javascript"> var array = new Array( "http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/1397.jpg", "http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/1158.jpg", "http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/020.jpg" );//массив с путями к картинкам var i = 0; function left() { var image = document.getElementById("rotatorbutton"); i--; if (i < 0) i = array.length - 1; image.src = array[i]; } function right() { var image = document.getElementById("rotatorbutton"); i++; if (i == array.length) i = 0; image.src = array[i]; } </script> Теперь сам код HTML, где вы можете регулировать и задавать размеры, ставим при установки ниже а body и /body и все сохраняем. Код <table> <tr> <td> <input type = 'button' name = 'left' value = '<' onclick = 'left()' /> </td> <td> <script type = 'text/javascript'> document.write("<img id = 'rotatorbutton' src = '" + array[0] + "' alt = 'Ротатор изображений с кнопками' width = '200' height = '200' />"); </script> </td> <td> <input type = 'button' name = 'right' value = '>' onclick = 'right()' /> </td> </tr> </table>  | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 9 | |
|
| |
