Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Смена картинок

Автор: R.M. 18.1.2006, 04:00

Подскажите как можно сделать чтобы одна картинка при наведении изменялась на другую?
Видел только километровые коды, а можно попроще?
Добавлено @ 04:15
И если можно чтоб ыони грузились вместе но видно было только одну определённую из них и при наведении пока не загрузится вторая, та вторая не появлялась

Автор: sergejzr 18.1.2006, 04:30

Код


<script type="text/javascript">
loaded=false;
var img = new Image();
function ready(){loaded=true;}
img.load=ready;
img.src="2.gif";

</script>

<img src="1.gif" onmouseover="if(loaded)this.src='2.gif';" onmouseout="this.src='1.gif';"/>

чтото вроде того..

Автор: R.M. 18.1.2006, 04:58

Неработает smile

вторая картинка негрузится вобще, непойму почему

Автор: Greendrake 18.1.2006, 09:23

Сначала грузим все картинки:

img01=new Image;img01.src="....";
img02=new Image;img02.src="....";

Потом как выше - меняем src по onmouseover и onmouseout.

Автор: Innuendo 19.1.2006, 00:00

Код

<script>
<!--
// Загрузка изображений- чем выше разместить - лучше (лучше в head)
var img1 = new Image();
var img2 = new Image();
img1.src= "url1"
img2.src= "url2"
document.getElementById("pic").src =  img1.src;
//-->
</script>
<img id = "pic" onmouseover = "this.src= img2.src" onmouseout="this.src=img1.src">