jQuery Gallery Scroller

ueblog — Sun, 25 May 2008 15:32:30 +0000

久々にjQueryネタ。

写真をアルバムのようにスライドしてくれる、jQueryプラグイン、jqCalScrollのご紹介。

実装方法は簡単。プラグインとjQueryのライブラリを読み込んで、呼んであげるだけ。HTMLはul要素で書くだけ。

HTML:

type="text/javascript" src="/js/jquery-1.2.1.min.js">
type="text/javascript" src="/js/jqgalscroll.js">
type="text/javascript">
$(document).ready(function(){
$("#demoOne").jqGalScroll();
});
type="text/css">
@import url("common/css/jqGalScroll.css");
id="demoOne">
src="http://ueblog.natural-wave.com/wp-content/uploads/2008/05/s-dscn7204.jpg" border="0"/>

src="http://ueblog.natural-wave.com/wp-content/uploads/2008/05/s-dscn7209.jpg" border="0"/>

src="http://ueblog.natural-wave.com/wp-content/uploads/2008/05/s-dscn7217.jpg" border="0"/>

src="http://ueblog.natural-wave.com/wp-content/uploads/2008/05/s-dscn7238.jpg" border="0"/>

これはすごい！

ueblog » JQuery