| 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: 10 let
|
|||
0