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

发布于 2024-10-20 18:53:37 字数 390 浏览 6 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

别靠近我心 2024-10-27 18:53:37

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

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;！

Try setting margin for each of the images like this:

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);
});

This assumes div.slideshow is holding your images.
Make sure that you define, e.g. width: 250px; in css for it!

回复收藏 0 原文

~没有更多了~