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
, smaž.

Na konec skriptu dej:
// run the getImageSizes function on window resize or load.
$(window).resize(getImageSizes);
$(window).load(getImageSizes);

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: