サイト内検索
...タグ・小技・etc...
lightbox
単体の場合
[サンプル]
画像をクリック
[ファイルのダウンロード]
Lightbox v2.04をダウンロードします。 [
が表示されない場合]
赤い部分の画像ファイルのディレクトリを見直してみてください。
// Configurationl
LightboxOptions = Object.extend(｛
fileLoadingImage: '../images/loading.gif',
fileBottomNavCloseImage: '../images/closelabel.gif',
[メモ]
セットで指定する場合は、こちらをご覧ください。「CSS-lecture」 を参照させていただきました。
ソース
[ｈｅａｄの中]
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /><script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder"
type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
[ｂｏｄｙの中]
<a href="../images/大きな画像ファイル.jpg" rel="lightbox" title="サンプル">
<img src="../images/画像ファイル.jpg" alt="サンプル画像"
width="100" height="40" />
</a>