Lightbox JS v2.0を導入する。写真(サムネイル画像)をクリックすると画面上に実寸サイズの写真を表示させるツール。
テンプレートに、
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="/js/lightbox.js"></script>
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />
続きを読む "Lightbox JS v2.0の導入" »
サムネイル画像をJavascriptによって拡大表示するライブラリ。以前導入したLightbox JS v2.0もいいのですがこちらも相当良いです。
highslide-2.2.8.zipをHighslide JSのホームページからダウンロードする。
highslide-2.2.8 Folderができるのでその中の「highslide」フォルダのみJavascript用のディレクトリにアップロード。他のファイルはサンプル用なので不要ですね。
使用するHTMLファイルに、
<script type="text/javascript" src="highslide/highslide.js"></script>
と記述。ウチのJavascriptディレクトリは「/js」なので「highslide/highslide.js」の部分は「/js/highslide/highslide.js」となる。
続きを読む "Highslide JSを自宅サーバにインストールしてみる" »