0

わかりました、私はたくさんグーグルで検索しましたが、役立つものは何も見つかりませんでした

div内に一連の画像があり、ループ内でスクロールしたいのですが、javascriptとJqueryは初めてですが、使用することはできます。

htmlは単純です：

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

すでに同じページで使用しているので、フェード以外の「スクロール」以外の効果も利用できます。

4

3 に答える 3

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>
于 2012-11-26T13:18:50.033 に答える
1

jqueryカルーセルを使用することも、slideIn、 slideOut、fadeIn、fadeOutなどのjqueryAPIを使用して独自のアニメーション効果を作成することもできます。

于 2012-11-26T13:20:31.833 に答える
1

いくつかのスタイルについて考えてください：

<div id="slideshow" style="overflow-y: scroll; height: **whatever**; ">
于 2012-11-26T13:25:40.617 に答える