iz_slideshow(JavaScript(jQuery使用)による画像フルスクリーンスライドショーライブラリ)
JavaScript(jQuery使用)による画像フルスクリーンスライドショーライブラリ【iz_slideshow】
【iz_slideshow】JavaScriptによる画像フルスクリーンスライドショーライブラリです。[ 確認ブラウザ ]
(Windows) IE6, IE7, IE8
(Mac & Windows)Firefox, Opera, Chrome, Safari
にて動作確認しています。
jQuery(1.4以降) を使用しています。
本ソフトウェアは「フリーソフト」です。
無償で使用、改変（別システムへの組み込み）、再配布する事が出来ます。
ライセンスは修正BSDです。商用利用もちろんOK。
機能（できること）
・新画面全体を黒いレイヤーで覆いフルスクリーンで画像のスライドショーを行うライブラリです。
・簡単なデモページはこちら
・ダウンロードはこちら
ダウンロード
- 2010.12.21 Version1.00リリース（公開バージョン）
使用方法
- ダウンロードした【iz_slideshow_versionx.xx.zip（xはそのときのバージョンの数字）】を解凍すると【iz_slideshow】というディレクトリが作成されますので、 「iz_slideshowフォルダ」をサーバにアップロードします
-
使用したい htmlファイルの<head>〜</head>内に次の3行を追加します。
<link type="text/css" rel="stylesheet" href="js/iz_slideshow.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/iz_slideshow.js"></script> - </body>閉じタグの直前に以下のように記述します。
<script type="text/javascript"> option_obj = { dump : 1 , fit_to_screen : 1 , // 画面サイズにあわせて伸縮する。 デフォルト値：1 random : 1 , // 画像順番をランダムに入れ替える。 デフォルト値：0 link_target : "_blank" , // リンクターゲット。 デフォルト値："_self" view_time : 2.0 // 画像静止時間（秒）。（1.0〜） デフォルト値：3.0 }; data_obj = [ { image : "./images/001.jpg" , link : "./images/001.jpg" , text : "001" } , { image : "./images/002.jpg" , link : "./images/002.jpg" , text : "002" } </script> -
iz_slideshowを起動するリンクを以下のように記述します
<a href="javascript:void(0);" onclick="var s=new iz_slideshow(data_obj, option_obj);">スライドショーを開始する</a>
-
よくあるエラー（IEでエラーが発生する場合）。
下記のように最後にカンマがある場合、IEのみエラーとなりますので必ず取り除いてください。
data_obj_image_only = [ { image : "./images/001.jpg" } , { image : "./images/002.jpg" } , ]; ↓（カンマを取り除く） data_obj_image_only = [ { image : "./images/001.jpg" } , { image : "./images/002.jpg" } ];
感想をお寄せ下さい
本ソフトを使用した感想、バグ報告、機能追加の要望（こんな機能が欲しい）等 お問い合わせフォームからお気軽にどうぞ。iz_slideshowを使用したサイトをお教え下さい
iz_slideshowを使用したサイトをお問い合わせフォームからお送り下さい。 こちらで審査の後、当ページからリンクさせていただきます。（必ず制作者本人がお送り下さい。またサイトの内容によってはリンク出来ない可能性があります。あらかじめご了承くださいませ。）