Проблема с jQuery.
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 , только он не успел по какой-то причине получить размер фотки и так и остался точкой. Как это исправить? Может я ошибаюсь и проблема в другом? Заранее огромное спасибо! |
Не успел :)
var imgw = $('#vimg').width(); //здесь еще нет данных рисунка, var imgh = $('#vimg').height(); //высота и ширина нулевые Сначала запросите рисунок, и на его онлоад повесьте остальной код |
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=''> Я так понимаю, что вот так. Пока вроде работает. Спасибо. :) |
Часовой пояс GMT +3, время: 20:47. |