PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Проблемы с переключением картинок в слайдере

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

teddy	Отправлено: 22 Июля, 2013 - 13:57:41
Участник Покинул форум Сообщений всего: 1462 Дата рег-ции: Апр. 2013 Помог: 91 раз(а)	Добрый день... решил написать слайдер на js, возникла проблема, никак не могу понять из за чего... Вроде все происходит так как я хочу, но визуального эффекта не наблюдаю... А именно, при вызове функции nextPhoto() индекс фотографии должен увеличиваться, соответственно должна меняться фотография, но почему то этого не происходит. CODE (javascript): скопировать код в буфер обмена <script type="text/javascript"> var photo = 0; window.onload = function() { //var arr = new Array("0.jpg", "1.jpg", "2.jpg", "3.jpg"); var img = document.createElement('IMG'); img.className = 'images' img.src = "images/"+photo+".jpg"; document.body.appendChild(img); } function nextPhoto() { photo++; alert(photo); } </script> <input type="button" value="Вперед" onclick="javascript:nextPhoto();"> Тоесть есть переменная photo, которая должна увеличиваться при вызове функции nextPhoto(); - алертом когда проверяю, её индекс меняется, соответственно должно меняться и фото, но оно остается неизменно. Всегда показывает фото под названием 0.jpg А при клике должно быть уже показано 1.jpg. Подскажите, пожалуйста, почему так? (Отредактировано автором: 22 Июля, 2013 - 15:21:16)

soffrick	Отправлено: 22 Июля, 2013 - 14:03:28
Посетитель Покинул форум Сообщений всего: 379 Дата рег-ции: Май 2012 Откуда: Россия, Москва Помог: 17 раз(а)	ты просто меняешь переменную, меняй еще и путь и должно заработать (Добавление) HTML пишет: Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена <script type="text/javascript"> var curIndex = 0; var img = document.createElement('IMG'); var images = new Array("hello.jpg", "world.jpg", "i am.jpg", "js script.jpg"); window.onload = function() { img.className = 'images' img.src = "images/"+images[curIndex]+".jpg"; document.body.appendChild(img); } function nextPhoto() { curIndex++; img.src = "images/"+images[curIndex]+".jpg"; alert(curIndex); } </script> <input type="button" value="Вперед" onclick="javascript:nextPhoto();"> (Отредактировано автором: 22 Июля, 2013 - 14:09:21) ----- Правильный вопрос - уже половина правильного ответа! p.s. индусы повсюду, будьте осторожны!

teddy	Отправлено: 22 Июля, 2013 - 14:07:24
Участник Покинул форум Сообщений всего: 1462 Дата рег-ции: Апр. 2013 Помог: 91 раз(а)	soffrick Думаешь я не пробовал? )) Не срабатывает.

soffrick	Отправлено: 22 Июля, 2013 - 14:09:44
Посетитель Покинул форум Сообщений всего: 379 Дата рег-ции: Май 2012 Откуда: Россия, Москва Помог: 17 раз(а)	смотри в фаербаге пути, у меня меняются (Отредактировано автором: 22 Июля, 2013 - 14:11:01) ----- Правильный вопрос - уже половина правильного ответа! p.s. индусы повсюду, будьте осторожны!

teddy	Отправлено: 22 Июля, 2013 - 14:11:04
Участник Покинул форум Сообщений всего: 1462 Дата рег-ции: Апр. 2013 Помог: 91 раз(а)	Пути верно указаны, в том то и дело... я со вчерашнего дня не могу понять почему не меняется фото

soffrick	Отправлено: 22 Июля, 2013 - 14:13:12
Посетитель Покинул форум Сообщений всего: 379 Дата рег-ции: Май 2012 Откуда: Россия, Москва Помог: 17 раз(а)	ну ты брось, попробуй: Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена <script type="text/javascript"> var curIndex = 0; var img = document.createElement('IMG'); var images = new Array( "http://t1.gstatic.com/images?q=tbn:ANd9GcSplPiTmsAeZ6uAd-5_GMJCe5UN5m7AG0G4wXrOW9vL6VrAaWsK", "http://t0.gstatic.com/images?q=tbn:ANd9GcQpP1r25pxzLcndtTNt1Ybl5ayccVs-0zmzFLFjFGRpdQx3vry8", "http://forum.allgaz.ru/customavatars/avatar915_11.gif" ); window.onload = function() { img.className = 'images' img.src = images[curIndex]; document.body.appendChild(img); } function nextPhoto() { curIndex++; img.src = images[curIndex]; alert(curIndex); } </script> <input type="button" value="Вперед" onclick="javascript:nextPhoto();"> всё робит (Отредактировано автором: 22 Июля, 2013 - 14:15:56) ----- Правильный вопрос - уже половина правильного ответа! p.s. индусы повсюду, будьте осторожны!

IllusionMH	Отправлено: 22 Июля, 2013 - 14:17:02
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	teddy, а чего фото должно меняться если функция с созданием выполниться один раз? Каждый раз нужно не только менять индекс в функции *nextPhoto* но и выполнять изменение пути

teddy	Отправлено: 22 Июля, 2013 - 14:17:06
Участник Покинул форум Сообщений всего: 1462 Дата рег-ции: Апр. 2013 Помог: 91 раз(а)	soffrick пишет: всё робит Блин, мне что, тебе видеоДоказательство записать что не работает? )) (Добавление) soffrick Последний пример сработал, спасибо. Но... тот код который я изначально прислал был без массива. Т.е он был, но закоментен(это от старой версии осталось) Походу так как я хотел - работать не будет... Если так, то вопросов нет

soffrick	Отправлено: 22 Июля, 2013 - 14:35:31
Посетитель Покинул форум Сообщений всего: 379 Дата рег-ции: Май 2012 Откуда: Россия, Москва Помог: 17 раз(а)	teddy пишет: Походу так как я хотел - работать не будет... так: Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена <script type="text/javascript"> var curIndex = 0; var maxIndex = 3; var path = "images/"; var img = document.createElement('IMG'); window.onload = function() { img.className = 'images' img.src = path+curIndex+".jpg"; document.body.appendChild(img); } function nextPhoto() { curIndex = (curIndex == maxIndex) ? 0 : ++curIndex; img.src = path+curIndex+".jpg"; } </script> <input type="button" value="Вперед" onclick="nextPhoto();"><br> ? (Добавление) first (curIndex) пишет: CODE (html): скопировать код в буфер обмена <img class="images" src="images/0.jpg"> last (maxIndex) пишет: CODE (html): скопировать код в буфер обмена <img class="images" src="images/3.jpg"> ----- Правильный вопрос - уже половина правильного ответа! p.s. индусы повсюду, будьте осторожны!

teddy	Отправлено: 22 Июля, 2013 - 14:58:16
Участник Покинул форум Сообщений всего: 1462 Дата рег-ции: Апр. 2013 Помог: 91 раз(а)	soffrick Работает, спасибо -) я понял в чем конкретно была ошибка. У меня IMG создавался уже после загрузки окна. Нужно было просто var img = document.createElement('IMG'); вынести за пределы window.onload

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.