image naturalWidth gibt null zurück

Bild naturalWidth return null... das ist es, warum ?

var newimage = new Image();
newimage.src = 'retouche-hr' + newlinkimage.substring(14,17) + '-a.jpg'; 
var width = newimage.naturalWidth;
alert (width);

HILFE, ich weiß nicht, warum !

*** , Weg ist gut, das Bild !

InformationsquelleAutor der Frage menardmam | 2009-10-29

  1. 35

    Ich denke, es ist, weil Sie warten nicht, für das Bild zu laden - versuchen Sie dies:

    var newimage = new Image();
newimage.src = 'retouche-hr' + newlinkimage.substring(14,17) + '-a.jpg'; 
newimage.onload = function()
{
    var width = this.naturalWidth;
    alert(width);
}

    InformationsquelleAutor der Antwort Greg

  2. 2

    ist hier der ENDGÜLTIGE CODE.... falls jemand whant, zu wissen, dass es alles eine Frage der wainting haben alle Bilder geladen !...

    <script type="text/javascript">

    $(function() {
    $("#thumb").jCarouselLite({
    btnNext: "#unten",
    btnPrev: "#",
    vertical: true,
    sichtbar: 4
    });

    $("#thumb li img").click(function() {

    var newlinkimage = $(this).attr("src");
    newlinkimage = 'retouche-hr' + newlinkimage.substring(14,17);

    $('#hr').remove();

    var newimage = new Image();
    newimage.src = newlinkimage + '-a.jpg';

    newimage.onload = function()
    {
        var width = (newimage.width);
        var height = (newimage.height);

        $('#contentfull').append('<div id="hr"> </div>');
        $("#hr").attr("width", width).attr("height", height);
        $("#hr").addClass('hrviewer');
        //alert('a');
        $("#hr").append('<div id="avant"> <img alt="before" src="' + newlinkimage +'-a.jpg"></div>');
        $("#hr").append('<div id="apres"> <img alt="after" src="' + newlinkimage +'-b.jpg"></div>');
        //alert('b');
        $("#avant img").attr("src", newlinkimage + '-a.jpg').attr("width", width).attr("height", height);
        $("#apres img").attr("src", newlinkimage + '-b.jpg').attr("width", width).attr("height", height);

        $("#apres img").load(function(){$("#hr").beforeAfter({animateIntro:true});}); 

    }

})

    });

    InformationsquelleAutor der Antwort menardmam

  3. 0

    Den naturalWidth und naturalHeight Eigenschaften werden nicht unterstützt in IE, so geben dieses Update versuchen.

    InformationsquelleAutor der Antwort Tim S. Van Haren

  4. 0

    Für mich die folgenden Werke ...

        $('<img src="mypathtotheimage.png"/>').load(function () {

        if (!isNotIe8) {
            //ie8 need a fix
            var image = new Image(); //or document.createElement('img')
            var width, height;
            image.onload = function () {
                width = this.width;
                height = this.height;
            };
            image.src = $(this).attr("src");

        } else {
            //everythings fine here ....
            //this.naturalWidth /this.naturalHeight;
        }

    InformationsquelleAutor der Antwort chris

Schreibe einen Kommentar