jQuery在弹出后设置图像大小

时间:2014-07-20 06:30:06

标签: jquery html css

我有一张在Popup中打开的图片。

<a href="/images/image1.jpg" class="modal_link cboxElement" data-modal-title="Image1"><img src="/images/image1_small.jpg" alt=""></a>

Popup看起来像这样:

<div id="cboxLoadedContent" style="width: 1223px; overflow: auto; height: 843px;"><img class="cboxPhoto" src="/images/image1.jpg" height="843" width="1223" style="width: 1223px; height: 843px; float: none;"></div>

它是Joomla的扩展,它以这种代码打开图像。

我想更改已加载图片的大小

jQuery('a.modal_link.cboxElement').click(function() {
    jQuery('img.cboxPhoto').css({'width':'auto','height':'auto'});
});

这是在加载窗口时调用的函数。 似乎没有用(我想是因为它点击链接时会立即激活css样式并且不等待Popup加载?)

我该如何改变?

感谢

0 个答案:

没有答案