Я работаю с Microsoft Web Expression, чтобы создать веб-сайт, и я хочу, чтобы меньшее изображение на мыши/наведении было заменено более крупным; похоже на идею эскиза, однако, глядя на мой код, я просто не могу найти, как реализовать любые рекомендации, которые я здесь рассмотрел.swap to larger image on mouseover
HTML часть:
<div id="layer11" style="position: absolute; width: 150px; height: 20px; z-index: 1; left: 0px; top: 0px; " class="auto-style17">
<img id="img1" alt="" height="20" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img1',/*url*/'s2.png')" src="s1.png" width="150" /></div>
А вот JavaScript функции:
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_swapImgRestore() {//v1.0
var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) {
var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } }
doc.$imgSwaps=null; }
}
И я просто не могу понять, что я должен изменить так, чтобы поменять местами изображения больше, чем сжатый на существующем.
Я думаю, что вы ищете это? http://stackoverflow.com/questions/18032220/css-change-image-src-on-imghover – Jos
Спасибо за внимание, но я действительно смотрел на это и не мог найти правильный способ заставить его работать меня. Но спасибо;) – TangoJuliet