自动图像滑到底部

Question

我正在搜索一个脚本，该脚本会自动从垂直图像（在图像中没有图像的DIV）中滚动到顶部并停在那里。

网络上的垂直图像滑块大多数是1张以上的图像，在图像后重复，并且不是我想要的。

有没有人有想法？

电贺， 汤姆

Answer 1

您可以执行以下操作

http://jsfiddle.net/ReeQ9/1/

您需要稍微使用这些数字才能使其适用于您的图像，但您应该能够看到它的工作原理。

HTML

<div class="container">
   <img class="img" src="http://matchingradar.co.uk/Images/fade-2.jpg" />    
</div>

CSS

.container{height:50px;width:460px;overflow:hidden;position:relative;}
.img{position:absolute;width:460px;bottom:0px;}

的Javascript

$(function(){
    $('.img').animate({bottom: "-=200px"} ,500);
});

你甚至可以更聪明，并获得你的形象的高度和div的高度，然后不必玩数字，但我会留给你！ ：P