Search code examples
rubyimagetwitter-bootstrappopover

Insert an image with ruby in popover bootstrap

Here is the image ruby code I try to put in popover

 <div class="idea">
 <i class="fa fa-lightbulb-o fa-lg popover-img" data-content="<%= cl_image_tag(@hiragana.upload, :width => 260, :height => 340) %>"></i>
 </div>

Here is the js popover code

  <script >
      $(document).ready(function(){
        $(".popover-img").popover({
          html: true,
          trigger: "hover",
          content: "",
          placement:'bottom'
        });
      })
    </script>
Solution

  • <div type="button" class="fa fa-lightbulb-o fa-lg popover-img" data-toggle="popover" title="" data-content=<%=cl_image_tag(@hiragana.upload, :width => 260, :height => 340)%> > contenu de ce que je dois cliquer dessu pour afficher le popover</div>