script

       mareste imaginea cand mausul trece peste aceasta cu efectul 
                                                   "EXPANDO"




    Sunt multe metode ca o imagine sa se mareasca cand  mouse-ul  trece peste aceasta, iar aceasta este una din metode numinduse EXPANDO, un script care permite imagini să-şi marească dimensiunea sa pană la cea reala, cu un efect de alunecare, şi prin retragerea mouse-ului să revină la dimensiunea initiala, bine inteles cu acelasi efect.
.......................................



...................................


      Pt ca si tu sa poti folosi acest  efect va trebui sa intrati la  EDITATI  HTML  si apoi sa adaugi inainte  liniei </head> urmatorul script:


..<script type='text/javascript'> //<![CDATA[ /* Expando Image Script 2008 John Davenport Scheuer as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1 - This Notice Must Remain for Legal Use */ if (document.images){ (function(){ var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = a? 40 : 20; var expConIm = function(im){ im = im || window.event; if (!expConIm.r.test (im.className)) im = im.target || im.srcElement || null; if (!im || !expConIm.r.test (im.className)) return; var e = expConIm, widthHeight = function(dim){ return dim[0] * cos + dim[1] + 'px'; }, resize = function(){ cos = (1 - Math.cos((e.ims[i].jump / times) * Math.PI)) / 2; im.style.width = widthHeight (e.ims[i].w); im.style.height = widthHeight (e.ims[i].h); if (e.ims[i].d && times > e.ims[i].jump){ ++e.ims[i].jump; e.ims[i].timer = setTimeout(resize, speed); } else if (!e.ims[i].d && e.ims[i].jump > 0){ --e.ims[i].jump; e.ims[i].timer = setTimeout(resize, speed); } }, d = document.images, i = d.length - 1; for (i; i > -1; --i) if(d[i] == im) break; i = i + im.src; if (!e.ims[i]){ im.title = ''; e.ims[i] = {im : new Image(), jump : 0}; e.ims[i].im.onload = function(){ e.ims[i].w = [e.ims[i].im.width - im.width, im.width]; e.ims[i].h = [e.ims[i].im.height - im.height, im.height]; e (im); }; e.ims[i].im.src = im.src; return; } if (e.ims[i].timer) clearTimeout(e.ims[i].timer); e.ims[i].d = !e.ims[i].d; resize (); }; expConIm.ims = {}; expConIm.r = new RegExp('\bexpando\b'); if (document.addEventListener){ document.addEventListener('mouseover', expConIm, false); document.addEventListener('mouseout', expConIm, false); } else if (document.attachEvent){ document.attachEvent('onmouseover', expConIm); document.attachEvent('onmouseout', expConIm); } })(); } //]]> </script><br /> <br /> <style> img.expando{ margin:10px; vertical-align: top; } </style>
 Dupa ce ai in inaintea liniei </head> scriptul  dai pe salvare si intri intr-o postare noua si adaugi codul pt imagine care urmeaza:


       
<img border="0" src="URL_imagine" class="expando" width="100" />

   inlocuieste "URL_imagine" cu url-ul de la imaginea care vrei sa apara pe acest efect


      Imaginea trebuie să fie puse una cu dimensiunea normală, şi în cazul indicat în ""width="100" />""este dimensiunea miniatura acolo va aparea imagine mica






                   MULT SUCCES   LASA AICI UN COMENRTARIU...