- ベストアンサー
contentflowとlightboxについて
- contentflowとlightboxについての質問
- 質問者はHTMLの知識が浅く、contentflowとlightboxの導入に困っている
- アドオンであるlightboxの導入手順についても質問している
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
提示のソースを使ってローカルで以下のようにテストしたところ動作しました。 ファイル配置 ------------ ├─test.html(掲載されているソース) ├─ContentFlow(解凍したもの) │ ├─img │ └─pics └pics ├pic0.png └pic1.png ------------- 変更部抜粋 ------------ <script type="text/javascript" src="./ContentFlow/contentflow.js"></script> <script tyle="text/javascript"> var cf = new ContentFlow('contentFlow', {reflectionColor: "#000000"}); </script> </head> <body> <div id="contentFlow" class="ContentFlow"> <div class="loadIndicator"><div class="indicator"></div></div> <div class="flow"> <div class="item"> <img class="content" src="./pics/pic0.png"/> <div class="caption">pic0: some stripes</div> </div> <div class="item"> <img class="content" src="./pics/pic1.png"/> <div class="caption">pic1: some stripes</div> </div> ------ 解説: 1行目: srcの部分を当方のローカル環境に合わせました。 9行目:(重要) 「id="contentFlow"」を追加しています。 このIDが無かったり、4行目の部分と同じにしない場合ローディング状態で止まることを確認しました。 14,19行目: srcの部分を当方のローカル環境に合わせました。