Смена картинок по списку.
Здравствуйте. Мучает вопрос, как сделать смену изображений на одной странице?
Допустим у нас на странице есть картинка, при клике на ней или при нажатии на стрелку (неважно) - картинка меняется на другую, и так - по списку, после последнего изображения идёт переход по ссылку. При этом адрес страницы остается неизменным. Очень хочется узнать. :c |
Цитата:
|
Каким образом это сделать? Я полный ноль в js. Мне бы хотя бы пример :(
|
Открывается в html стандартный тег - script. В нём пишется код на JavaScript. В JavaScript получайте изображение стандартным методом getElementById или getElementsByTagName. Потом на это изображение вешается событие клика - click, а в котором обрабатывается действие, то есть - присваивается другое значение свойству src, объекта изображения.
Список адресов картинок можно хранить например в массиве. А пример это уже другое, вы хотели узнать как это делается - я рассказал. Пробуйте. |
Я понял каким образом это делается. Но я не знаю синтаксиса js. И код сам написать не смогу. А учить javascript из за одной проблемы не имеет смысла. Очень бы хотелось посмотреть пример и разобраться в нём. :[
Вот кстати реализация. |
Так откройте исходный код и посмотрите. Синтаксис тут знать не надо. Если вы знаете хоть какой то язык программирования то разберётесь. Вообще раз на то уже дело пошло, можете тупо стырить скрипт.
|
Там слишком сложный скрипт, в нём не только та функция которая меняет картинки по клику. Мне бы что нибудь - в чем не надо рыться.
|
Ну ребят. Помогите неумному.
|
в нужном месте на нужном элементе ставим обработчик клика на next. можно не клика...
<a onclick="next();" href="#">следующая!</a> это - в <head> // имена изображений без расширения (.jpg) arr = ['1', '100500', '1489', '9000']; // каталог, где лежат картинки. //**** слеш на конце обязателен! path = '/images/porn/'; // индекс текущего изображения. // минус 1, потому что при первом обращении увеличится сразу на 1 i = 0; // ссылка для перехода href = 'http://google.ru'; // id картинки, url которой будет меняться. img = "myimg" next = function() { // при первом клике преобразуем id картинки в элемент. img = document.getElementById(img); // и переназначаем эту функцию на новую next = function(){ // если есть куда сдвигаться if(i in arr) // сдвигаемся и увеличиваем i img.src = path+arr[i++]+'.jpg'; else // последнее изображение. // переходим по ссылке location.href = href; } } |
Часовой пояс GMT +3, время: 00:20. |