Autor | Zpráva | ||
---|---|---|---|
Pjuuuda Profil |
Dobrý den,
mám takový problém, v dokumentu mám funkci která vypočítává velikost obrázku. Velikost obrázku zapíšu do proměnné a obrázek posunu o mínusový margin-top podle vypočítané hodnoty. Když načtu stránku poprvé, nic se neděje, ani F5 nepomáhá. Když ale okno zmenším nebo zvětším, funkce opět začne fungovat a dělat to, co má. V čem by mohl být problém ? ZDE JE MŮJ KÓD : $(document).ready( function() { //Fires when DOM is loaded getImageSizes(); $(window).resize(function() { //Fires when window is resized getImageSizes(); }); }); $(window).onload( function(){ getImageSizes(); }); //CALCULATION OF IMAGE HEIGHTS function getImageSizes() { $("#photogallery img").each(function() { var $this = $(this); console.log( $this.height() ); var $height = -($this.height()/2); $( ".gallery-img" ).css("margin-top", $height); }); } Ještě pro upřesnění, tady je stránka, jak přesně vypadá a margin se vypočítává u těch 3 obrázků vedle sebe. WEB : sspbrno.cz/~juda.petr/maturitni_prace |
||
_es Profil |
Pjuuuda:
A nebolo by lepšie nastaviť CSS pravidlá stránky tak, aby sa nemuselo v JS riešiť to, čo sa má spraviť v CSS? A ak to má byť ešte v maturitnej práci... „ $(window).onload(... “
Kde si „prišiel“ k metóde onload pre jQuery objekt?
|
||
radekt Profil |
Pjuuuda:
Kód, který je před //CALCULATION OF IMAGE HEIGHTS Na konec skriptu dej: // run the getImageSizes function on window resize or load. $(window).resize(getImageSizes); $(window).load(getImageSizes); |
||
Časová prodleva: 9 let
|
0