Sign In
Create Account
lamurire script
Last Updated: Feb 17 2016 15:03, Started by
colombo2003
, Feb 17 2016 15:03
·
0
0
#1
Posted 17 February 2016 - 15:03
|
Se da o poza intr-un div, dupa cum urmeaza:
HTML: ... ... <div class="panorama"> <img src=...> </div> ... ... CSS:
...
...
.panorama {
width:200px;
height:100px;
margin:0 auto;
position:relative;
}
.panorama img {
height:100px;
position:absolute;
left:0;
}
...
...
Si am aceasta bucata de cod, dintr-un script, pe care nu o inteleg; rog, daca se poate, sa ma lamuriti.
$('.panorama').on('mousemove',function(e){
mousePos = e.pageX - $(this).offset().left;
eleWidth = $(this).outerWidth();
imgWidth = $(this).find('img').outerWidth();
relativeMousePos = mousePos / eleWidth;
imgPos = (imgWidth - eleWidth) * relativeMousePos;
...
...
Mai departe in acest script urmeaza niste evenimente, dar atat timp cat nu mi-e foarte clara partea de mai sus... Va rog, nu dati cu paru'...! imgWidth ar fi latimea pozei, dar eleWidth? daca ar fi a elementului care contine poza (deci a div-ului), atunci diferenta ar fi intotdeauna 0, deci imgPos ar fi, intotdeauna 0 !??? ce reprezinta mousePos? e.pageX e latimea paginii (a ecranului)? din care ar trebuie sa scad bucata din stanga pozei (ca poza e centrata). De ce trebuie acel raport relativeMousePos? Ce reprezinta? De ce apoi inmultesc acest raport cu o diferenta? Multumesc |
Back to topAnunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.