Nie działa kod jquery/js

Question

Przy jednym otworzeniu strony działa ..przy innym nie. Kod dotyczy rozmiaru zdjęcia. Zależy mi jedynie an działaniu w Chrome. Klasą "img-moj" zostały oznaczone obrazki

$(".img-moj").load(function(){
var tab1 = $('.img-moj');
		for(var i=0;i<tab1.length;i++){			
			if(tab1[i].naturalWidth *38/48 < tab1[i].naturalHeight){
				tab1[i].style.height = "100%";
				tab1[i].style.width = "auto";
			}
		}
});

Byłbym bardzo wdzięczny jakby ktoś wyantycyował co może być nie tak

Answer 1

Co rzuca konsola? Na ślepo obstawiam uruchomienie skryptu przed załadowaniem elementu, jeśli tak to owiń po prostu w $(document).ready(function() { ... }

Comments

Konsola nie wyrzuca błędu. NAtomiast gdy wypisuje wartośći szerokośći i długości obiektu. To raz podaje poprawnie a raz wyświetla 0. próbowałem również wkleić kod do document.ready.. niestety z podobnym efektem..;/

---

wrzuć cały kod

---

function npel(){
        var elw = $(".npelement").outerWidth();
        elw = parseInt(elw)*38/48;
        $(".npelement").css("height",elw + "px");
    };
    function rany(){
        var elw = $(".slide").outerWidth();
        elw = parseInt(elw)*37/66;
        $(".slide").css("height",elw + "px");
    };
    function font(){
    var fontSize = $(".description").outerHeight() * 0.33 +5;
    $(".description").css('font-size', fontSize);
    }
$(document).ready(function(){
    npel();
    rany();
    font();
    var fontSize = parseInt($(".nptitle").height())+"px";
        $(".npins").css('font-size', fontSize);
    $(window).resize(function(){
        npel();
        rany();
        font();
        fontSize = parseInt($(".nptitle").height())+"px";
        $(".npins").css('font-size', fontSize);
    });
    function movingback(){
        $('#artificial').animate({
            "background-position-x":"+=600px"
        },30000,"linear", function(){});
    };
    movingback();
    setInterval(movingback,30000);
    $(".npelement-inner").hover(
        function(){
        $(this).parent().animate({
            padding:"10px"
        },120,function(){
        });
        $(this).children().fadeTo(120,0.9);
        },
        function(){
        $(this).children().hide();
        $(this).parent().animate({
            padding:"25px"
        },120,function(){});     
        
        });
         $(".produkt-con").stop(true).hover(
        function(){
        $(this).stop(true,true).children().fadeTo(200,1);
        },
        function(){
        $(this).stop(true,true).children(".coverp").fadeTo(200,0);
        }
        );

$(".img-moj").load(function(){
    var tab1 = $('.img-moj');
        for(var i=0;i<tab1.length;i++){            
        console.log(tab1[i].naturalWidth);
        console.log(tab1[i].naturalHeight);
            if(tab1[i].naturalWidth *38/48 < tab1[i].naturalHeight){
                tab1[i].style.height = "100%";
                tab1[i].style.width = "auto";
            }
        }
});

});