画像を左右にスクロールさせられるJavaScript「jQuery Smooth Div Scroll」

http://www.skuare.net/test/jDivScroll.html

画像を左右にスクロールさせられるJavaScript「jQuery Smooth Div Scroll」

画像を左右にスクロールさせられるJavaScript「jQuery Smooth Div Scroll」 画像ギャラリーを作る際にLightBoxを使用する人は多いでしょう。 しかし飽き飽きしている人も多いのも確かです。 たまには jQuery Smooth Div Scroll のように左右にスクロールさせるのはいかがでしょか？ sponsors 使用方法 jQuery Smooth Div Scroll からjquery.smoothDivScroll-0.6.jsや画像、CSSファイルを、 jQuery からjquery.jsをダウロードしましょう。 また jquery.scrollTo...

www.skuare.net

​

画像ギャラリーを作る際にLightBoxを使用する人は多いでしょう。

しかし飽き飽きしている人も多いのも確かです。

たまにはjQuery Smooth Div Scrollのように左右にスクロールさせるのはいかがでしょか？

sponsors

使用方法

jQuery Smooth Div Scrollからjquery.smoothDivScroll-0.6.jsや画像、CSSファイルを、jQueryからjquery.jsをダウロードしましょう。

またjquery.scrollToからjquery.scrollTo.jsをダウロードします。

さらにCSSに追記します。

#id名 div.scrollableArea * {position: relative;float: left;margin: 0;padding: 0;}

あとはスクロールさせたい画像を上記指定のidでくくります。

 

上記で完成です。

下のサンプルでは、透過したグレーをホバーポイントにかけています。