• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:contentflowとlightboxについて。)

contentflowとlightboxについて

このQ&Aのポイント
  • contentflowとlightboxについての質問
  • 質問者はHTMLの知識が浅く、contentflowとlightboxの導入に困っている
  • アドオンであるlightboxの導入手順についても質問している

質問者が選んだベストアンサー

  • ベストアンサー
  • Marakia
  • ベストアンサー率100% (1/1)
回答No.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の部分を当方のローカル環境に合わせました。

関連するQ&A