fc2blogでshadowboxを使用したいと思い

質問

fc2blogでshadowboxを使用したいと思い
http://pakun13.blog44.fc2.com/blog-entry-365.html
のブログの記事を参考にして、自分のブログに導入しようと考え、記事に書いてあるように、CSSを書き換えて、必要な画像、JSなどをアップロードをし、テンプレートの編集でHTML編集を書き換えて、使用しようとしたのですが、動画がポップアップ表示されませんでした。

間違いを見つけようと、参考の記事を確認しながら、三回程間違いを探してみましたが、私の中では間違いを見つけられませんでした。

この辺を確認したら良いなどのアドバイスや参考ブログで気づいた事がありあしたら、回答宜しくお願い致します。

回答No.1

yyr446 · ベストアンサー

関係ないかもしれませんが、shadowboxを使うのにjQueryは必須でありません。
jQueryの機能を使わないなら、
shadowbox.jsとshadowbox.cssのみで動作します。
私も前にfc2blogでshadowboxを試した事あります。ご提示の記事のように
テンプレートにshadowbox.cssとshadowbox.jsを追加するだけで、
できたと記憶してます。

あなたが何故できないかは、コードを少しでも出してくれないと推測困難です

お礼

Flickrの質問と合わせて何度も回答して頂き有難う御座います。
補足を書いたのですが、一部間違えている所がありましたので、
http://okwave.jp/qa/q6007162.html
にもう一度質問を立てました。

時間がありましたら、回答頂けると有り難いです。

補足

yyr446さん回答有難うございます。

コードについてですが、参考サイトを順に追っていきますと

最初に参考サイト 1～3に書いてあるように jQueryとShadowbox jsをダウンロードして解凍しました。

次に、参考サイト 4～5 に書いてあるように、LICENSE、README、shadowbox css　以外ををfc2にアップロードして、shadowbox cssをメモ帳で開き画像のように書き換えました。

書き換えたshadowbox cssをfc2にアップロードして、テンプレートの編集で〈/body〉の上に

<script type="text/javascript" src="http://○○○○/jquery-1-4-2-min.js"></script>
<link rel="stylesheet" type="text/css" href="http://○○○○/shadowbox.css">
<script type="text/javascript" src="http://○○○○/shadowbox.js">
<script type="text/javascript">Shadowbox.init({language: 'ja',players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']});
</script>

を貼り付けて更新ボタンを押して、新しく記事を書くで

<a rel="shadowbox;width=動画の幅;height=動画の高さ" title="動画のタイトル" href="動画のＵＲＬ"><img src="サムネイル画像のＵＲＬ" width=サムネイルの大きさ border=0 </a>

を使用してみましたが、ポップアップされずに、youtubeに飛ばされるだけでした。

知識がないので、参考ブログを参考にして自分なりにやってみましたが、shadowboxを使用する事が出来ませんでした。説明が分かり難いかもしれませんが、時間がありましたら、アドバイスして頂けると有り難いです。