サイト内検索
...タグ・小技・etc...
pirobox
単体の場合
[サンプル]
画像をクリック[ファイルのダウンロード]
- piroBox Version 1.1 for jQuery 1.3.1をダウンロードします。
-
サイトの下の方にあります。
download: pirobox 1.1
(include,white versione + black version + pirobox_pack.js + pirobox_min.js).
10161 Downloads
[メモ]
セットで指定する場合は、こちらをご覧ください。「CSS-lecture」 を参照させていただきました。
ソース
[headの中]
<link href="css_pirobox/pirobox_b.css" media="screen" rel="stylesheet" type="text/css" /><script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/piroBox.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
$('.thumbs').piroBox({
mySpeed: 500,
bg_alpha: 0.7,
pathLoader : 'url(css_pirobox/ajax-loader_b.gif) center center no-repeat;',
gallery : '.pirobox li a',
gallery_li : '.pirobox li',
single : '.single a',
next_class : '.next',
previous_class : '.previous'
});
});
-->
</script>
[bodyの中]
<div class="pirobox"><span class="single thumbs_all">
<a href="images/大きな画像ファイル.jpg" title="Caption">
< img src="images/画像ファイル.jpg" alt="demo" width="100" height="100"/>
</a>
</span>
</div>