Javascript.RU

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

Смена картинок при клике
Здравствуйте.
Есть такой скрипт:

<script language="JavaScript">
var img1="/i/catalog/beds/galary/_203.jpg";//Рисунок номер 1
var img2="/i/catalog/beds/galary/_205.jpg";//Рисунок номер 2
new Image().src=img2;
function zamena(cl){
if(cl){
document.all.img.src=img2;
}else{
document.all.img.src=img1;
}
}
document.write("<img name='img' src='"+img1+"' onClick='zamena(true)' >");
</script>

Он меняет одну картинку на другую при клике, НО(!) только один раз.
Как сделать, чтобы смена картинок шла постоянно, то есть сначала видим картинку 1, кликаем - она заменяется на картинку 2, потом снова кликаем и картинка 2 снова заменяется 1-ой и т.д. 1-2-1-2-1-2-1...
Благодарю..

Последний раз редактировалось Octane, 15.10.2009 в 22:18. Причина: используйте теги [html] и [js] для оформления кода
Ответить с цитированием
  #2 (permalink)  
Старый 15.10.2009, 22:08
Аватар для cuberboy
Профессор
Отправить личное сообщение для cuberboy Посмотреть профиль Найти все сообщения от cuberboy
 
Регистрация: 20.07.2009
Сообщений: 202

ыыыыыыыыыыыыы
document.all.img.src=(document.all.img.src==img1)? (img2): (img1);
Ответить с цитированием
  #3 (permalink)  
Старый 15.10.2009, 22:19
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 09.07.2008
Сообщений: 3,873

cuberboy, значением свойства src будет абсолютный адрес.
Ответить с цитированием
  #4 (permalink)  
Старый 17.10.2009, 12:42
Аватар для cuberboy
Профессор
Отправить личное сообщение для cuberboy Посмотреть профиль Найти все сообщения от cuberboy
 
Регистрация: 20.07.2009
Сообщений: 202

это мелочи
Ответить с цитированием
  #5 (permalink)  
Старый 19.10.2009, 14:21
Аватар для JSprog
L
Отправить личное сообщение для JSprog Посмотреть профиль Найти все сообщения от JSprog
 
Регистрация: 16.08.2009
Сообщений: 416

<html>
 <img SRC="Max-it1.png" onclick=imgchange(this,"Max-it1.png","img1.jpg")>
<script>
  var x=false
  function imgchange(obj,imgX,imgY) {
   if  (x){
   obj.src=imgX
   } else {
   obj.src=imgY
   }
  x=!x
 }
 </script>
 </html>
__________________
Лови позитив

Последний раз редактировалось JSprog, 19.10.2009 в 17:05.
Ответить с цитированием
  #6 (permalink)  
Старый 19.10.2009, 16:43
Новичок на форуме
Отправить личное сообщение для Hazard Посмотреть профиль Найти все сообщения от Hazard
 
Регистрация: 02.10.2009
Сообщений: 5

Спасибо!
Ответить с цитированием
  #7 (permalink)  
Старый 19.10.2009, 17:05
Аватар для JSprog
L
Отправить личное сообщение для JSprog Посмотреть профиль Найти все сообщения от JSprog
 
Регистрация: 16.08.2009
Сообщений: 416

Пожалуйста=)
Главное помните для каждой пары картинок нужна своя глобальная переменная.
__________________
Лови позитив
Ответить с цитированием
  #8 (permalink)  
Старый 19.10.2009, 17:08
Аватар для JSprog
L
Отправить личное сообщение для JSprog Посмотреть профиль Найти все сообщения от JSprog
 
Регистрация: 16.08.2009
Сообщений: 416

А вообще я вот вам даю коды готовые. По сути я поступаю плохо. Так бы вы разбирались, капались в них. Если вам надо могу объяснить скрипт пишите, попробуйте разобраться. Это касается всех кому я даю скрипты если что-то непонятно я объясню.
__________________
Лови позитив
Ответить с цитированием
  #9 (permalink)  
Старый 23.06.2010, 10:01
Новичок на форуме
Отправить личное сообщение для рома Посмотреть профиль Найти все сообщения от рома
 
Регистрация: 23.06.2010
Сообщений: 1

подскажите как этот код совместить со ссылкой? я сделал на фотошопе картинки нажатой и выпуклой кнопок.. вставил ваш код в ссылку, в результате при нажатии ничего не происходит, кнопка не прогибается
заранее спасибо)
Ответить с цитированием
  #10 (permalink)  
Старый 23.06.2010, 19:07
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

…ну и опять я влезу со своим очередным безяваскриптовым способом, просто для того, чтобы не недооценивали css.

<style type="text/css">
	.linktoggler a:target,
	.linktoggler a:last-child {
		display: block;
	}
	.linktoggler a,
	.linktoggler a:target ~ a:last-child {
		display: none
	}
</style>

<div class="linktoggler">
	<a id="i1" href="#i2"><img src="http://t1.gstatic.com/images?q=tbn:e_Btp8weovl5sM:http://kombinator.ru/files/images/%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%2520371_1.jpg" /></a>
	<a id="i2" href="#i3"><img src="http://t0.gstatic.com/images?q=tbn:PAasTfumv6DVTM:http://www.gandex.ru/upl/oboi/u185_7761_morskaya_volna.jpg" /></a>
	<a id="i3" href="#i4"><img src="http://t0.gstatic.com/images?q=tbn:V5QI99DfbCXimM:http://demiart.ru/tutorials/book/5/5.42.jpg" /></a>
	<a id="i4" href="#i1"><img src="http://t3.gstatic.com/images?q=tbn:NnK7XVJb8kEsNM:http://upload.wikimedia.org/wikipedia/commons/1/1b/%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_307.jpg" /></a>
</div>

Должно работать в Сафари, Хроме и Опере. Насчет Файрфокса — не знаю, насколько он умеет элементы HTML5.

Последний раз редактировалось subzey, 23.06.2010 в 19:13. Причина: очепятка
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
смена картинок при нажатии sdff Общие вопросы Javascript 15 08.02.2014 15:08
Смена картинки при перезагрузке + наведении Мария Элементы интерфейса 2 22.08.2009 13:57
Закрыть элемент при клике вне его masterm Общие вопросы Javascript 3 31.07.2009 10:27
Смена id при клике Nestor Общие вопросы Javascript 6 04.03.2009 18:10