BigBro
Надо чтоб при наведении мышки на линк появлялась тумба в окошке. Попадалось такое, но теперь когда надо, не могу вспомнить где
Порылся по коллекциям аякса, тоже не нашел.
Может кто подскажет или урл такого скрипта, или хоть урл сайта где такое реализовано.
BigBro
Petek: сенкс, похоже на то что надо. Но если тумб 200 - будет заметно замедлять загрузку страницы...
Вроде бы я где-то видел чтоб тумба грузилась при наведении. Может кто вспомнит?
xreload
Попробуй такую штуку
Код:
!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
И потом :
Код:
<body onLoad="MM_preloadImages('folder/thumb1.jpg','folder/thumb2.jpg')">
Код:
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ImageX','','folder/big.jpg',1)">
Mika
BigBro писал:
Но если тумб 200 - будет заметно замедлять загрузку страницы...
Вроде бы я где-то видел чтоб тумба грузилась при наведении. Может кто вспомнит?
Так а в чем проблема в приведенном Petek'ом примере по дефолту поставить пустую картинку, а на событие onmouseover повесить смену src соответствующего элемента?