rails5
【現状】
文字をクリックしたら画像をポップアップしたいと思っています。
しかし、画像が正常に読み込まれません。
<ソースコード>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="./lightbox/js/lightbox.min.js"></script> <link href="./lightbox/css/lightbox.css" rel="stylesheet"> <style> img.lb-image{width:800px !important; height:600px !important;} </style> <%= link_to "sample", image_tag("sample3.png"), :rel => "lightbox" %>やりたいこととしては、sample文字をクリック後にsample3.pngをポップアップしたいです。
【試してみたこと】
lightboxのページから必要なフォルダをインストール後に正常にlightboxが機能しているか簡単なソースコードを書いてポップアップ動作を確認。
<ソースコード>
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="./lightbox/js/lightbox.min.js"></script> <link href="./lightbox/css/lightbox.css" rel="stylesheet"> <style> img.lb-image{width:300px !important; height:300px !important;} </style> </head> <body> <a href="http://chart.apis.google.com/chart?chs=300x300&cht=qr&chl=http://taitan916.info/blog/" rel="lightbox">blog</a><br /> <a href="http://chart.apis.google.com/chart?chs=300x300&cht=qr&chl=http://google.com/" rel="lightbox">Google</a><br /> </body> </html><a href= ...>で検証しましたが、私は<link_to ...>でソースコードを書きたいと思っています。
<%= link_to "sample", image_tag("sample3.png"), :rel => "lightbox" %>
lightboxでimage_tagを読み取るにはどのようにしたらよいでしょうか?
ちなみにsample3.pngはapp/assets/imagesに格納しています。
<%= link_to "sample", image_tag("assets/images/sample3.png"), :rel => "lightbox" %>
は試してみましたがダメでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。