jQuery的调整大小插件适用于(jQuery Resize Plugin apply to

我usign的jQuery插件调整此插件 ，它的工作的，因为它应该上的图像。

但是，我想将它应用到画廊Galleriffic

问题是，主图像被包梁<a> ，当我添加一个类的<a>标签的大小调整不起作用。

有什么建议么？

这里是我的标记：

<li>
<a class="thumb resize2" name="imagen1" href="images/400x400-1.jpg" title="imagen1">
<img class="resize1" src="images/400x400-1.jpg" alt="Title #0" />
</a>
</li>
<li>
<a class="thumb resize2" name="drop" href="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9.jpg" title="Title #1">
<img class="resize1" src="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9_s.jpg" alt="Title #1" />
</a>
<div class="caption">
Any html can be placed here ...
</div>
</li>

这里的脚本：

<script>
$(function() {
    $( ".resize1" ).aeImageResize({ height: 70, width: 70 });
    $( ".resize2" ).aeImageResize({ height: 10, width: 10 });
});
</script>

调整大小脚本是完美的，但我需要它在funcion <a>

PD我在jQuery的初学者和脚本一般。

更新：下面是截图它是如何在浏览器中显示：

下面是galleriffic.js文件的一小部分

var newSlide = this.$imageContainer
                    .append('<span class="image-wrapper current"><a class="advance-link" rel="history" href="#'+this.data[nextIndex].hash+'" title="'+imageData.title+'">&nbsp;</a></span>')
                    .find('span.current').css('opacity', '0');

                newSlide.find('a')
                    .append(imageData.image)
                    .click(function(e) {
                        gallery.clickHandler(e, this);
                    });

它的广告提前链接类。

现在的问题是：我如何提前类容器类添加到图像？ 我希望我已经正确表达自己。

谢谢，

Answer 1:

选择当前显示的图像可以这样来实现（只有一个在幻灯片图像在给定的时间）：

$("div#slideshow img")

但为了改变画廊“主”图像的大小，你需要设置宽度和高度也为以下内容：

$("div#slideshow a.advance-link")
// and also the parent element of $("div#slideshow") which I can't see in the screenshot you attached.

加入“调整大小”功能到库从建<一>元素不会影响库图像。

文章来源: jQuery Resize Plugin apply to