Смена картинок по списку.
Здравствуйте. Мучает вопрос, как сделать смену изображений на одной странице?
Допустим у нас на странице есть картинка, при клике на ней или при нажатии на стрелку (неважно) - картинка меняется на другую, и так - по списку, после последнего изображения идёт переход по ссылку. При этом адрес страницы остается неизменным. Очень хочется узнать. :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, время: 03:35. |