Как получить src картинки?

Юрий · May 7, 2008

Например есть картинка: romb.gif"

Мне нужно получить значение е? src для того, чтобы потом сравнить с другим значением

т.е.

если src == 'romb.gif' - то выполняем что-либо

если src == 'romb_2.gif' - то ничего не делаем

homm · May 7, 2008

<img src="images/romb.gif" id="romb" />

<script type="text/javascript">
alert(document.getElementById('romb').src);
</script>

Юрий · May 7, 2008

А как выбрать из строки только название картинки romb.gif

Чтобы выполнялось условие (см. выше)

ZoNT · May 7, 2008

с помощью регулярных выражений...

NJSmith · May 7, 2008

с помощью регулярных выражений...

не путай людей

romb.gif"

changeImage = function()

{

var img = document.getElementById('romb');

if( img.src == 'images/romb.gif' )

img.src = 'images/romb_2.gif';

else

img.src = 'images/romb.gif';

};

—edited—

по клику на картинке изображение буит меняться по твоим условиям

ZoNT · May 7, 2008

А как выбрать из строки только название картинки romb.gif

Что я неправильно ответил?

NJSmith · May 7, 2008

ммм... вчитайся в первый пост и поймешь, на конкретный вопрос - правильно, а в целом - ему это нафиг не надо

ZoNT · May 7, 2008

правильно, ему это нафиг не надо! Так надо учиться ставить вопрос правильно!

ZoNT · May 7, 2008

Если человек на неправильные вопросы будет получать нужные ответы - он НИКОГДА не научится правильно задавать вопросы!

Юрий · May 7, 2008

Спасибо, за помощь. Я в java script ноль.

Возникла необходимость сделать меню для сайта, без java script не обойтись. Вот я смог сделать код который при наведении меняет картинки, но есть одна проблема, попытаюсь подробней е? описать.

Задача следущая:

Наводим на блок 1, появляется блок 2(будущее меню) и меняется изображение romb.gif на romb_2.gif

Теперь при неведении на блок 2 изображение на странице должно остаться не изменным (romb_2.gif), но в момент перехода с блока 1 на блок 2, снова происходит подстановка картинки romb_2.gif и гиф начинает проигрываться заново. Вот код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>

  <style type="text/css">

	#active_zone {
	  background: #f1f1f1;
	  height: 250px;
	}

	#main_menu {
	  background: #ccc;
	  padding: 15px;
	  display: none;
	}

	#left {
	  height: 200px;
	  background: green;
	  width: 300px;
	}



  </style>

  <script language="JavaScript" type="text/javascript">
	/*<![CDATA[*/

	function showMenu(){
	document.getElementById('main_menu').style.display=(document.getElementById('main_menu').style.display != 'block' ? 'block' : 'none');
	}

	function rotateRomb() {
	pattern = /romb/g;
	str = document.getElementById('romb').src;
	result = str.match(pattern);

	if(result == 'romb') {
	document.getElementById('romb').src='images/romb_2.gif';
	}
	}

	function normalRomb() {
	document.getElementById('romb').src='images/romb.gif';
	}

	/*]]>*/
	</script>

</head>

<body>
		 <div id="active_zone" onmouseover="showMenu(); rotateRomb();" onmouseout="showMenu(); normalRomb();">
			<div id="main_menu">Главное меню</div>
		 </div>

		 <div id="colon_center">
			<img id="romb" src="images/romb.gif" />
		</div>
</body>

</html>

Я думал, что если напишу условие, то "д?ргание" гива пройдет. Т.е. проверяем что на странице показывается анимированный гиф (картинка 2) и далее ничего не делаем, а если картинка 1, то меняем на картинку 2

function rotateRomb() {
	pattern = /romb/g;
	str = document.getElementById('romb').src;
	result = str.match(pattern);

	if(result == 'romb') {
	document.getElementById('romb').src='images/romb_2.gif';
	}
	}

ZoNT · May 7, 2008

гм, без картинок разбираться долго... Нет ссылки на работающую страничку?

Юрий · May 7, 2008

Сейчас на скорую руку сделаю пару картинок

Юрий · May 7, 2008

Вот ссылка на собранный пример, работает как надо в IE 6. Проблема с FF и Opera

Архив: _artyurkov.ru/primer.rar

Страничка: _artyurkov.ru/primer

ZoNT · May 7, 2008

у меня работает одинаково и в ИЕ и в ФФ

ZoNT · May 7, 2008

И в Опере...

Юрий · May 7, 2008

IE 6? Если навести на блок главное меню и затем ниже, за границу блока, то в FF и Opera гиф пойд?т заново

ZoNT · May 7, 2008

В ФФ и Опера он останавливается (меняется на romb.gif)

ZoNT · May 7, 2008

У тебя случаем ничего не кэшируется там???

Юрий · May 7, 2008

Нужно, чтобы гиф проигрывался вне зависимости, наводим ли мы на блок главное меню или просто водим мышкой по серому блоку "id=active_zone"

Вроде не кэшируется

Юрий · May 7, 2008

Получается, что гиф "д?ргается" при переходе мышки с id=active_zone на id=main_menu и обратно.

ZoNT · May 7, 2008

ну так вс? правильно у тебя же на маусаут стоит возврат от romb_2.gif к romb.gif ... Как ты написал - так вс? и работает!

Юрий · May 7, 2008

Попробуй так:

Открываешь страницу

Наводишь сначала на серый блок (гиф начал анимироваться и появился блок главное меню)

Затем, через секунду, веди мышку на блок "главное меню" и увидишь как гиф пойд?т заново. Тоже произойдет если с "главного меню" убрать мышку на серый фон, гиф будет стартовать сначала, а нужно чтобы он работал не прерываясь

ZoNT · May 7, 2008

Понятно: у тебя происходит условие маусаут+маусовер при переходе границы вложенного дива. Да есть такая фигня в браузерах...

Юрий · May 7, 2008

А можно как-то побороть? Почему не помогает проверка?

ZoNT · May 7, 2008

потому что на маусаут ставится картинка romb.gif, а потом сразу происходит маусовер

ZoNT · May 7, 2008

побороть? Может просто правильно поставить задачу и пересмотреть метод решения?

Sign In

Как получить src картинки?

Question

Link to comment

Share on other sites

39 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information