1

我在这里使用 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>

调整大小脚本是完美的，但我需要它来运行<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);
                    });

它广告高级链接类。

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

谢谢，

4

1 回答 1

0

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

$("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.

向构建图库的 < a > 元素添加“调整大小”功能不会影响图库图像。

于 2013-05-01T07:28:56.540 回答