Я пытаюсь навести мышку на изображение (sweden-a.gif), а затем он превращается во что-то другое (sweden-b.gif), но я хочу сделать новое изображение больше исходного изображения. Это мой код, но он не работает, может ли кто-нибудь помочь мне понять, в чем проблема? Благодарю!
<img class="gdp-cirlce" src="img/sweden-a.gif" style="position:absolute; height:93px;" onmouseover="this.src='img/sweden-b.gif' this.style='height:123px'" onmouseout="this.src='img/sweden-a.gif'">
Убедитесь, что вы ссылаетесь на библиотеку JQuery. Если он уже ссылается, попробуйте добавить вышеуказанный код к своей функции document.ready следующим образом:
$(document).ready(function(){
$('#sweden').mouseover(function() {
$(this).attr('src', 'img/sweden-a.gif');
$(this).css('height', '123px');
});
});
Вы можете использовать jquery для этого.
HTML:
<img src="..."/>
Javascript:
$('img').mouseover(function() {
$(this).attr('src', your_src);
$(this).css('width', your_width);
$(this).css('height', your_height);
});
ОБНОВИТЬ:
<img id="sweden">
и JavaScript: $('#sweden').mouseover(function() {$(this).attr('src', img/sweden-a.gif); $(this).css('height', 123px);});
Это как это работает? Как-то не работает для меня ...
style="position:absolute; height:93px;"