Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.11.2011, 18:30
Аватар для TrueOman
Новичок на форуме
Отправить личное сообщение для TrueOman Посмотреть профиль Найти все сообщения от TrueOman
 
Регистрация: 20.11.2011
Сообщений: 5

Смена картинок по списку.
Здравствуйте. Мучает вопрос, как сделать смену изображений на одной странице?
Допустим у нас на странице есть картинка, при клике на ней или при нажатии на стрелку (неважно) - картинка меняется на другую, и так - по списку, после последнего изображения идёт переход по ссылку. При этом адрес страницы остается неизменным. Очень хочется узнать. :c
Ответить с цитированием
  #2 (permalink)  
Старый 20.11.2011, 18:42
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от TrueOman
как сделать смену изображений на одной странице?
Меняй src у элемента <img /> или background-image у того же <div> и будет тебе счастие...
Ответить с цитированием
  #3 (permalink)  
Старый 20.11.2011, 21:24
Аватар для TrueOman
Новичок на форуме
Отправить личное сообщение для TrueOman Посмотреть профиль Найти все сообщения от TrueOman
 
Регистрация: 20.11.2011
Сообщений: 5

Каким образом это сделать? Я полный ноль в js. Мне бы хотя бы пример
Ответить с цитированием
  #4 (permalink)  
Старый 20.11.2011, 21:33
Аватар для Nekromancer
Профессор
Отправить личное сообщение для Nekromancer Посмотреть профиль Найти все сообщения от Nekromancer
 
Регистрация: 06.05.2009
Сообщений: 1,163

Открывается в html стандартный тег - script. В нём пишется код на JavaScript. В JavaScript получайте изображение стандартным методом getElementById или getElementsByTagName. Потом на это изображение вешается событие клика - click, а в котором обрабатывается действие, то есть - присваивается другое значение свойству src, объекта изображения.
Список адресов картинок можно хранить например в массиве.

А пример это уже другое, вы хотели узнать как это делается - я рассказал. Пробуйте.
__________________
Нужно равняться на лучших, а не оправдываться за счёт худших.
Ответить с цитированием
  #5 (permalink)  
Старый 20.11.2011, 21:38
Аватар для TrueOman
Новичок на форуме
Отправить личное сообщение для TrueOman Посмотреть профиль Найти все сообщения от TrueOman
 
Регистрация: 20.11.2011
Сообщений: 5

Я понял каким образом это делается. Но я не знаю синтаксиса js. И код сам написать не смогу. А учить javascript из за одной проблемы не имеет смысла. Очень бы хотелось посмотреть пример и разобраться в нём. :[
Вот кстати реализация.
Ответить с цитированием
  #6 (permalink)  
Старый 20.11.2011, 21:40
Аватар для Nekromancer
Профессор
Отправить личное сообщение для Nekromancer Посмотреть профиль Найти все сообщения от Nekromancer
 
Регистрация: 06.05.2009
Сообщений: 1,163

Так откройте исходный код и посмотрите. Синтаксис тут знать не надо. Если вы знаете хоть какой то язык программирования то разберётесь. Вообще раз на то уже дело пошло, можете тупо стырить скрипт.
__________________
Нужно равняться на лучших, а не оправдываться за счёт худших.
Ответить с цитированием
  #7 (permalink)  
Старый 20.11.2011, 23:07
Аватар для TrueOman
Новичок на форуме
Отправить личное сообщение для TrueOman Посмотреть профиль Найти все сообщения от TrueOman
 
Регистрация: 20.11.2011
Сообщений: 5

Там слишком сложный скрипт, в нём не только та функция которая меняет картинки по клику. Мне бы что нибудь - в чем не надо рыться.
Ответить с цитированием
  #8 (permalink)  
Старый 28.11.2011, 00:55
Аватар для TrueOman
Новичок на форуме
Отправить личное сообщение для TrueOman Посмотреть профиль Найти все сообщения от TrueOman
 
Регистрация: 20.11.2011
Сообщений: 5

Ну ребят. Помогите неумному.
Ответить с цитированием
  #9 (permalink)  
Старый 28.11.2011, 01:11
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

в нужном месте на нужном элементе ставим обработчик клика на 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;
    }
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Валидный скрипт смена картинок boss Javascript под браузер 2 17.08.2011 20:21
Смена картинок vitek25 jQuery 4 26.07.2011 11:26
Смена картинок в зависимости от положения курсора мыши antonio_vrn Events/DOM/Window 3 31.05.2011 22:07
Плавная смена картинок - как? petyaeva Элементы интерфейса 0 21.07.2010 16:16
Смена картинок с ссылкой hk80 Общие вопросы Javascript 3 08.04.2010 17:09