Question

我正在使用jQuery Cycle插件淡入淡出图像。我已经在CMS上构建它来裁剪图像等。如果我有一个非常高的图像，我希望图像位于中心。该插件使用position：absoulte;同时淡入淡出图像。我尝试用左边编辑插件：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正在保存您的图像确保您定义，例如宽度：250px; 在css中为它！

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

1 个答案: