lightboxを使い画像を拡大させたいです。
前提・実現したいこと
Railsを使用しています。each do で引っ張ってきた画像をlightboxを使い拡大させようと思っています。
data-lightboxがうまく組み込めないのでご教授いただきたいです。
参考にしたサイト
https://vastworld.org/code/737
発生している問題・エラーメッセージ
messageモデルから引っ張ってきた画像のデータmessag.imagesの画像を拡大させたいです。
Rails
1`views/messages/index.html.erb` 2 3<% message.images.each do |image| %> 4 <%= image_tag image.variant(resize: '300x300'), class: 'message-image'%> 5<% end %>
該当のソースコード
htmlのhead内に下の記述をしました。
html
1<head> 2<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet"> 3 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 4 <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script> 5</head>
試したこと
Rails
1<% message.images.each do |image| %> 2 <%= link_to :"data-lightbox" => messge.images do %> 3 <%= image_tag message.images, height: '500', :style=>"width:500;"%> 4 <% end %> 5<% end %>
自分なりに考えて試してみましたが、なかなかうまく表示できません。どうか、よろしくお願いします。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー