jquery循环淡入淡出图像位置中心

Question

我正在使用 jQuery Cycle 插件来淡入和淡出图像。我已经在 CMS 上构建了它来裁剪图像等。如果我有一个非常高的图像，我希望图像位于中心。该插件使用position:absoulte;同时淡入和淡出图像。我尝试使用 left:50%; 编辑插件宽度：宽度的一半；但我无法真正让它发挥作用。还有其他我可以使用的插件吗？或者也许有办法解决这个问题？

如果你使用 firebug，你可以看到插件如何使用position:absolute; 来设置图像的样式。

http://jquery.malsup.com/cycle/ http://jquery.malsup.com/cycle/basic.html

Answer 1

尝试为每个图像设置边距，如下所示：

var mainW= jQuery('.slideshow').width();
jQuery('.slideshow img').each(function(){
    var imgW = jQuery(this).width();
    var margL=0-(imgW-mainW)/2;
    jQuery(this).css('marginLeft',margL);
});

这假设 div.slideshow 保存着您的图像。
确保您在 css 中定义了例如 width: 250px;！