Question

好吧我搜索了很多，没有找到任何帮助

我在div中有一组图像，我希望它们在循环中滚动我是javascript和Jquery的新手但是我很乐意使用它..

html很简单：

<div id="slideshow">
  <img src="path/to/image" />
  <img src="path/to/image" />
  more images here
</div>

除了'scroll'表示淡入淡出之外，我也对任何其他效果持开放态度，因为我已经在同一页面上使用过它。

Answer 1

玩溢出！像这样

<div id="slideshow" style="width: 300px; height: 100px; overflow: auto">
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />
    <img src="http://static.adzerk.net/Advertisers/d18eea9d28f3490b8dcbfa9e38f8336e.jpg" />v
    more images here
</div>

Answer 2

您可以使用 jquery轮播，或者您可以使用jquery apis，例如 slideIn ， slideOut ， fadeIn ，< strong> fadeOut 来创建自己的动画效果。

Answer 3

想想一些风格：

<div id="slideshow" style="overflow-y: scroll; height: **whatever**; ">

使图像在div内滚动

3 个答案: