Проблема с jQuery.

[Beck]

var tbs_img = tbs_td.find("img");


tbs_img.click(function(){
var lnk = $(this).parent().attr("href");
$("<div id='imgbg' style='filter:Alpha(Opacity=80);opacity:0.8;background-color:black;width:100%;height:100%;position:fixed;top:0px;left:0px;'></div><div id='enlwrap' style='position:fixed;top:0px;left:0px;width:100%;height:100%;'><div id='enl' style='margin:11% 15% 25% 17%;background-color:#e3e3e3;position:absolute;z-index:999;border: 1px solid black;overflow:hidden;'><div id='flybabyfly' style='position:absolute;width:100%;height:100%;left:-1100px;'><img id='vimg' src='" + lnk + "' alt=''></div></div></div>").appendTo('body');

var imgw = $('#vimg').width();
var imgh = $('#vimg').height();
$('#enl').css("width", imgw).css("height", imgh);

$('#flybabyfly').stop().animate({"left":"0px"}, {duration: 1000, easing: 'easeInOutBack'});

Проблема следующая. Раз через раз, после клика появляется фон. На фоне появляется маленькая черная точка и дальше ничего не происходит.

Я так понимаю, что эта точка и есть мой контейнер div , только он не успел по какой-то причине получить размер фотки и так и остался точкой.

Как это исправить? Может я ошибаюсь и проблема в другом?

Заранее огромное спасибо!

[e1f]

Не успел

var imgw = $('#vimg').width(); //здесь еще нет данных рисунка,
var imgh = $('#vimg').height(); //высота и ширина нулевые

Сначала запросите рисунок, и на его онлоад повесьте остальной код

[Beck]

function load() {
var imgw = $('#vimg').width();
var imgh = $('#vimg').height();
$('#enl').css("width", imgw).css("height", imgh);
}

<img onload='load()' id='vimg' src='" + lnk + "' alt=''>

Я так понимаю, что вот так. Пока вроде работает.

Спасибо.