BBC の JavaScript ライブラリ Glow を試す

BBC の JavaScript ライブラリ Glow を試してみました。

とりあえず最新版の zip ファイルをダウンロードして適当なところに配置。

API やサンプル集も充実。

早速カルーセルウィジェットを試してみました。

jsファイルを配置して下記のような感じでコードを挿入
<link href="js/glow/1.5.1/widgets/widgets.css" type="text/css" rel="stylesheet" />
<script src="js/glow/1.5.1/core/core.js" type="text/javascript"></script>
<script src="js/glow/1.5.1/widgets/widgets.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload=function(){
var carousel = new glow.widgets.Carousel("#carousel",{
pageNav: true
});
}
</script>
<style type="text/css">
<!--
ol#carousel li {margin:4px;}
-->
</style>
.....
<ol id="carousel">
<li><a href="...."><img src="..." /></a></li>
<li><a href="...."><img src="..." /></a></li>
.......
</ol>


例えば下記のような感じで表示され、アイテムをスクロールできます（下記はイメージです）。

関連記事