表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


Lightbox2を設定してみる

テンプレート[http://jugemtemplate.jugem.jp/?tid=3&eid=26]にLightbox2を設定した動作確認。Lightbox本体はDropboxに設置。

設置:青文字はDropboxのパブリックリンク
<script src="http://dl.dropbox.com/u/********/lightbox/js/jquery-1.7.2.min.js"></script>
<script src="http://dl.dropbox.com/u/********/lightbox/js/lightbox.js"></script>
<link href="http://dl.dropbox.com/u/********/lightbox/css/lightbox.css" rel="stylesheet" />

書き換え:青文字はDropboxのパブリックリンク
lighbox.js
function LightboxOptions() {
this.fileLoadingImage = 'http://dl.dropbox.com/u/********/lightbox/images/loading.gif';
this.fileCloseImage = 'http://dl.dropbox.com/u/********/lightbox/images/close.png';
lightbox.css
/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(http://dl.dropbox.com/u/********/lightbox/images/prev.png) left 48% no-repeat; /
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(http://dl.dropbox.com/u/********/lightbox/images/next.png) right 48% no-repeat; /
}

prototype.jsではなくjquery.jsベースなので何かとjQueryでカスタマイズするには便利かもしれません

スポンサーサイト


関連する記事
コメント
コメントする








   
この記事のトラックバックURL
トラックバック