回调.width()?

时间:2012-06-25 18:55:06

标签: jquery waitforimages

我正在为图像的宽度设置一个变量,以便我可以使用正确的宽度显示描述div。但是,jQuery似乎没有回调函数来满足我的需求。我该怎么办?

$(document).ready(function () {
    // declare photo width variable
    var photo_width = 0;
    $('.chImg').click(function () {
        // get img src and chop it up       
        var srcv = $(this).attr('src');
        var sliced = srcv.slice(6);
        // return the base number of the image for correspdonding div
        // corresponding div is "d#"
        var divnum = sliced.substring(0, sliced.length - 4);
        // fade out active description div
        $(".activeDescript").each(function () {
            $(this).removeClass("activeDescript");
            $(this).fadeOut(110);
        });
        // change picture
        $("#chBox").fadeOut(110, function () {
            $("#chBox").html("<center><img src='" + sliced + "'/></center>");
        });
        // vertical align
        $("#chBox").vAlign();
        $('#chBox').waitForImages(function () {
            // wait for images before grabbing img width
            $("#chBox img").each(function () {
                photo_width = $(this).width();
                $(".description").width(photo_width);
                $("#d" + divnum).fadeIn(300);
                // make this descript active
                $("#d" + divnum).addClass("activeDescript");
            });
            $("#chBox").fadeIn(200);
        });
    });

我最关心的是photo_width = $(this).width();因为我想确保在发生这种情况后执行以下代码。 想法? 我知道描述div没有正确设置,因为需要2次点击才能正确设置!您可以在www.graysonearle.com/newtest上看到错误,然后点击第一个框“Frog Utopia”并点击几个缩略图。

0 个答案:

没有答案