必要最低限の機能が揃った画像ギャラリーJavascript「Nivo Slider」

クチコミサイト構築「エディタ・エンタープライズ」
デモサイトトップ
制作技術
必要最低限の機能が揃った画像ギャラリーJavascript「Nivo Slider」

クチコミサイト構築「エディタ・エンタープライズ」デモサイト

日本初のブログ自動収集システム「エディタ・エンタープライズ」により、簡単・低コスト・SEO対策が可能な口コミサイトが構築可能です。
ブロガー別の記事一覧やカテゴリ別、月別、取得画像別などさまざまな切り口で見せることができるので、映画や商品のキャンペーンをはじめ、テーマ別のポータルサイトを構築できます。

2010年03月24日｜記事提供：すくえあ

画像ギャラリーとして必要な機能が一通り揃っていて使い易いJavascriptNivo Slider - The Most Awesome jQuery Image Sliderを紹介します。
これを利用すれば、リッチで目をひくなギャラリーが作成可能です。

使用方法
Nivo Slider - The Most Awesome jQuery Image Sliderからファイル一式をダウンロードします。
また、jQueryからjquery.jsをダウンロードします。

あとは上記idで画像をくくれば完成です。

また画像とCSSを以下のように加えるともうそっと見た目がよくなります。


.nivo-controlNav {position:absolute;left:47%;bottom:-30px;}

.nivo-controlNav a {

	display:block;

	width:10px;

	height:10px;

	background:url(bullets.png) no-repeat;

	text-indent:-9999px;

	border:0;

	margin-right:3px;

	float:left;

}

.nivo-controlNav a.active {background-position:-10px 0;}

.nivo-directionNav a {

	display:block;

	width:32px;

	height:34px;

	background:url(arrows.png) no-repeat;

	text-indent:-9999px;

	border:0;

}

a.nivo-nextNav {background-position:-32px 0;right:10px;}

a.nivo-prevNav {left:10px;}