アメブロでのlightbox設置について
アメブロでのlightbox設置について教えてくださいませ。
アメブロにjQuery版のlightboxを設置したいと思い、下記の参考サイトさまの手順とおりに設定したのですが、画像がいつまでも読み込み中になりうまく表示されません。
http://ameblo.jp/new-bulue9/entry-10487238040.html
私が行った手順としては
1:jQuery lightBox plugin 0.5をダウンロードし、フォルダ名を「Lightboxj5」に変更したのちレンタルサーバーにアップロード。
2:下記プラグインの「ホームページのURL/」をレンタルサーバーのURLに書き換えて保存。
<!--■ jQuery Lightbox 5.0 ■-->
<head>
<link href="ホームページのURL/Lightboxj5/css/jquery.lightbox-0.5.css" type="text/css" rel="stylesheet" media="screen" />
<script src="ホームページのURL/Lightboxj5/js/jquery.js" type="text/javascript"></script>
<script src="ホームページのURL/Lightboxj5/js/jquery.lightbox-0.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a[rel*=lightbox]').lightBox({
overlayBgColor:'#000009',
overlayOpacity:0.6,
imageLoading:'ホームページのURL/Lightboxj5/images/lightbox-ico-loading.gif',
imageBtnClose:'ホームページのURL/Lightboxj5/images/lightbox-btn-close.gif',
imageBtnPrev:'ホームページのURL/Lightboxj5/images/lightbox-btn-prev.gif',
imageBtnNext:'ホームページのURL/Lightboxj5/images/lightbox-btn-next.gif',
containerResizeSpeed:350,
txtImage:'画像:',
txtOf:'/'
});
});
</script>
</head>
<!--■■■■■■■■■-->
3:「ブログを書く」段階で画像にで指示されたとおりrel="lightbox"を a タグの最後に記述。
<a href="http://stat.ameba.jp/user_images/20100221/22/new … rel="lightbox"><img src="http://stat.ameba.jp/user_images/20100221/22/new … /></a>
以上です。他のプラグインとバッティングしている可能性も考え他をすべて削除して起動してみましたが、これも駄目でした。
稚拙な文章でわかりつらいかとは思いますが何卒お知恵をお貸しくださいませ。