JS: Получение идентификатора изображения с помощью onmouseover

Question

JS: Получение идентификатора изображения с помощью onmouseover

0

У меня есть 4 изображения в моем документе, 1 наверху и три внизу внизу, что я хочу, когда я наводил курсор на любое из нижних 3 изображений, я получаю его идентификатор и заменяю вышеуказанное изображение этим изображением, используя onmouseover, например

 <script >
   function chanageimg(id)// here i want  to pass hovered image  src 
      {
          document.getElementById("top_image").src=id;

      }
   </script>

 <div id="top" >
   <img src="top.jpg"  id="top_image" />
 </div>

 //here is the  bottom image , 
<div class ="floats one">
  <img src="img1.jpg"  id="img1"  onmouseover="changeimg()" />
</div>

как я могу передать его src в функцию aboce. Я не хочу использовать JQuery. здесь как его для цели обучения

Sikander 14 май 2014, в 22:09

Источник

0

OnMouseOver = "changeimg (this.id)"
dandavis 14 май 2014, в 19:47
0

и как это будет передаваться в вышеуказанном параметре?
Sikander 14 май 2014, в 19:50
0

если вы сделаете мое изменение, ваш код должен работать как написано.
dandavis 14 май 2014, в 19:50
0

Вы хотите передать изображение src или идентификатор изображения? Вы говорите src, но ваш код говорит id. Что это?
War10ck 14 май 2014, в 19:51
0

да, это работает, спасибо тебе :)
Sikander 14 май 2014, в 19:52
0

если вы можете немного объяснить работу «этого» в этом сценарии, это будет большим подспорьем.
Sikander 14 май 2014, в 19:53

Показать ещё 4 комментария

Теги:

javascript

jquery

html

css

3 ответа

1

Внутри функции changeimg (e) используйте e.target.id для получения идентификатора. Если вы это сделаете, вам не нужно добавлять this.id к каждому onmouseover="" в ваших изображениях. Просто используйте onmouseover="changeimg".

MarijnS95 14 май 2014, в 18:38

0

Нет. это окно == внутри функции changeimg () (как проводное). для этого вам нужно было бы назначить changeimg как обработчик событий (обратите внимание на одноразовый встроенный обработчик, который отправляет changeimg) ...
dandavis 14 май 2014, в 19:51
0

@dandavis Ты прав. Я имел в виду e.target.id .
MarijnS95 14 май 2014, в 19:58

1

Чтобы изменить изображение, вы должны изменить src

<img id="img-top"  src="">
<img src="img1.jpg" onmouseover="changeimg(this.src)">

function changeimg(src){
    document.getElementById("top_image").src = src;
}

ПРИМЕР

Merlin 14 май 2014, в 17:43

Ещё вопросы

и как это будет передаваться в вышеуказанном параметре?
если вы сделаете мое изменение, ваш код должен работать как написано.
Вы хотите передать изображение src или идентификатор изображения? Вы говорите src, но ваш код говорит id. Что это?
если вы можете немного объяснить работу «этого» в этом сценарии, это будет большим подспорьем.
Нет. это окно == внутри функции changeimg () (как проводное). для этого вам нужно было бы назначить changeimg как обработчик событий (обратите внимание на одноразовый встроенный обработчик, который отправляет changeimg) ...
@dandavis Ты прав. Я имел в виду e.target.id .

Blazemonger · Accepted Answer · 2014-05-14T18-38-00.000Z

Одно небольшое изменение в вашем HTML:

<img src="img1.jpg"  id="img1"  onmouseover="changeimg(this.id)" />

this образ, this.id, и this.id - это параметр, который вы хотите передать своей функции.