Jquery のプラグインでLightcase.js というLightbox系のプラグインを利用しています。
画像ギャラリーを作成しようとしていますが、うまくいかず困っています。
データベースから取得した枚数と異なる枚数の画像が表示されたりしています。
やりたい事としては、先頭の一枚目だけを表示し、残りの画像は1枚目が表示された際の次への矢印を用いて表示をしたいと思っています。
実際に下記のようなコードを書いていますが、うまくいきません。
PHPからのデータを
private function Create_Gallary_Images_Str($array){ $list = ''; for($i=0;$i<count($array);$i++){ if($i == 0){ $list .= '<a href="/image_event/'.$array[$i].'" data-rel="lightcase:myCollection">'; $list .= '<img src="/image_event/'.$array[$i].'" class="img-responsive" /></a>'; }else{ $list .= '<a href="/image_event/'.$array[$i].'" data-rel="lightcase:myCollection">'; $list .= '<img src="/image_event/'.$array[$i].'" class="img-responsive" style="display: none; /></a>'; } } return $list; }
一枚表示の時はうまくいっています。
また style="display: none; を利用せずにベタに記述した際は規定の枚数が表示されています。
このような表現方法を経験された方、ご存知の方にご教授頂ければ幸いでございます。
(追記)bootstrapを利用しています。
回答1件
あなたの回答
tips
プレビュー