• Pagina 1 din 2
  • 1
  • 2
  • »
Marirea pozei la trecerea cursorului
creezsiteuri
Postări: 24
Reputație: 0
Mesaj # 1 | 4:56 PM
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
Devil
Postări: 1235
Reputație: 54
Mesaj # 2 | 5:13 PM
creezsiteuri, Bravo smile frumos script

Mutat in Instrumente si Script-uri

creezsiteuri
Postări: 24
Reputație: 0
Mesaj # 3 | 5:16 PM
Multumesc Devil si scuze de postarea gresita!!
Material modificat de creezsiteuri - Miercuri, 28/09/2011, 5:17 PM
Whisper™
Postări: 112
Reputație: 1
Mesaj # 4 | 5:43 PM
Mersi creezsiteuri, cred ca o sa il folosesc smile
Cinemagia Filme - Filme Online
Appearances can be deceiving.
Play!
Remus
Postări: 286
Reputație: 5
Mesaj # 5 | 5:51 PM
Frumos, felicitari biggrin
marius15
Postări: 265
Reputație: 9
Mesaj # 6 | 6:54 PM
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 .

Whisper™
Postări: 112
Reputație: 1
Mesaj # 7 | 8:40 PM
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.

Cinemagia Filme - Filme Online
Appearances can be deceiving.
Play!
marius15
Postări: 265
Reputație: 9
Mesaj # 8 | 0:50 AM
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 surprised


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
creezsiteuri
Postări: 24
Reputație: 0
Mesaj # 9 | 3:25 PM
Nu le-ai pus bine codurile.primul cod trebuie pus in css(stilul foii)
marius15
Postări: 265
Reputație: 9
Mesaj # 10 | 11:11 AM
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

Devil
Postări: 1235
Reputație: 54
Mesaj # 11 | 6:11 PM
marius15, imaginele acelea le adaugi asa :

Code
<img class="expando" border="0" src="LINK Imagine" width="100" height="100">

marius15
Postări: 265
Reputație: 9
Mesaj # 12 | 1:56 AM
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 .

Devil
Postări: 1235
Reputație: 54
Mesaj # 13 | 11:14 PM
marius15, am incercat si eu pe forum , nu cred ca merge pe forum , o sa caut alta solutie daca gasesc ceva si revin
marius15
Postări: 265
Reputație: 9
Mesaj # 14 | 1:08 AM
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.

Whisper™
Postări: 112
Reputație: 1
Mesaj # 15 | 1:35 AM
marius15, nu este gresit nimic in cod .... eu folosesc personal acest cod si functioneaza perfect.
Cinemagia Filme - Filme Online
Appearances can be deceiving.
Play!
  • Pagina 1 din 2
  • 1
  • 2
  • »
Căutare: