Comunitatea uCoz Altele Instrumente şi Script-uri Marirea pozei la trecerea cursorului |
Marirea pozei la trecerea cursorului |
Salut!Am cautat in mare pe maxrom si aici pe forum un cod pentru marirea pozei la trecerea cursorului peste poza respectiva dar nu am gasit,asa ca am cautat pe google.Daca ajuta pe cineva mai jos gasiti codul.
Prima data adaugati in modulul in care o sa folositi scriptul codurile css si javascript(eu le-am pus in editorul de pagini) cod css cod javascript Dupa ce ati pus codurile respective,pentru al aplica pe o imagine puneti codul urmator in pagina care vreti Code <img class="expando" border="0" src="LINK Imagine" width="100" height="100"> Link-linkul imaginii Exemplu:Creare site si reparatii pc Sper ca va fost de folos. Cod preluat de pe Expando Image Material modificat de creezsiteuri - Miercuri, 28/09/2011, 4:57 PM
|
Multumesc Devil si scuze de postarea gresita!!
Material modificat de creezsiteuri - Miercuri, 28/09/2011, 5:17 PM
|
Mersi creezsiteuri, cred ca o sa il folosesc
|
Salut!Am cautat in mare pe maxrom si aici pe forum un cod pentru marirea pozei la trecerea cursorului peste poza respectiva dar nu am gasit,asa ca am cautat pe google.Daca ajuta pe cineva mai jos gasiti codul.
Prima data adaugati in modulul in care o sa folositi scriptul codurile css si javascript(eu le-am pus in editorul de pagini) cod css Code <style type="text/css"> img.expando{ border: none; vertical-align: top; } </style> cod javascript Code <script language="JavaScript"> 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> Dupa ce ati pus codurile respective,pentru al aplica pe o imagine puneti codul urmator in pagina care vreti Code Code <img class="expando" border="0" src="LINK Imagine" width="100" height="100"> Salutare .Am incercat si eu sa introduc acele coduri insa nu reusesc .As vrea sa le introduc la editarea de pagini si in forum de aceea vreau sa imi ziceti si mie cum se poate face acest lucru .Daca cineva imi poate explica mai detaliat ii multumesc . |
marius15, dupa ce ai introdus cod css si cod javascript in sursa site-ului tai fii sigur ca orice imagine care vrei sa se extinta odata cu trecerea cursorului peste ea sa contina
Code <img class="expando" border="0" src="LINK Imagine" width="100" height="100"> class="expando" ceea ce am ingrosat anterior in codul imaginii de mai sus. |
Nu inteleg unde poate fi greseala deoarece cred ca am introdus bine cele 2 coduri ,css si java le-am introdus asa cum ati spus intre <head> <head>se poate vedea in imaginile urmatoare exact cum au fost introduse
Iar la introducerea codului <img class="expando" border="0" src="LINK Imagine" width="100" height="100"> imi apare pe pagina un chenar ca si cum ar fi o imagine care nu se incarca As dori sa aflu daca am gresit eu undeva sau daca este vreo problema de la script . Multumesc pentru tot si va doresc o seara buna in continuare. Material modificat de marius15 - Duminică, 30/10/2011, 0:52 AM
|
Nu le-ai pus bine codurile.primul cod trebuie pus in css(stilul foii)
|
Acum am introdus primul cod asa cum trebuia in CSS stilul foii insa la introducerea acei cod <img class="expando" border="0" src="LINK Imagine"width="100" height="100"> pe o pagina imi apare acest lucru
Cred ca undeva nu am inteles bine cum trebuie facut ,cele doua coduri sant bine introduse cel CSS in stilul foii css ,iar cel java il am introdus in editor de pagini .Multumesc mult si astept un raspuns |
Quote (Devil) marius15, imaginele acelea le adaugi asa : Code <img class="expando" border="0" src="LINK Imagine" width="100" height="100"> Deci eu am incercat sa bag niste imagini pe forum la Imagini funny mai exact aici http://ordin.ucoz.com/forum/13-41-1#48 Am incercat asa cum mi sa explicat aici insa se pare ca ceva nu functioneaza ,daca cineva ma poate ajuta il rog sa intre pe site pte a vedea despre ce este vorba fiindca eu incerc de cate zile insa nu reusesc . Multumesc frumos pentru tot ajutorul oferit . |
Da am observat acest lucru in final insa curios este ca nici pe celelalte pagini nu functioneza am introdsu totul corect deci nu cred ca as mai putea face ceva de aceasta data ,Rezultatul a fost marirea unei imagini la dimensiunile care sant in cod =100 insa nu se intampla acest lucru la trecerea cursorului peste imagine .E doar o imagine normala de aceea vreau sa mai intreb odata daca nu cumva este gresit la codul publicat ,fiindca eu nu pot vedea unde am gresit .
Multumesc inca o data celor care au fost dragutzi si au vrut sa ma ajute. |
marius15, nu este gresit nimic in cod .... eu folosesc personal acest cod si functioneaza perfect.
|
| |||