2014-11-06 36 views
0

我正在尝试使用简单的jQuery图像放大镜&放大插件 - imagezoom with ruby​​ on rails并找不到在展览中引用图像变量的方法。 html.erb文件。在Ruby on Rails中识别图像变量运行jquery的图像变量图像缩放

在我的HTML我想使工作的代码是:

<script src="imagezoom.js"></script> 
<style> 
.thumb-image { width: 500px; } 
.thumb-image > img { width: 100%; } 
</style> 
</head> 

    <div class="row"> 
    <h2>Basic</h2> 
    <div class="thumb-image"> <img src="<%= image_tag @product.img_url %>" data-imagezoom="true"> </div> 

的IMAGE_TAG @ product.img_url引用的资产文件夹中的图像,但是标准的jQuery代码正在寻找在图像常规方式例如

<img src="**/assets/image1.jpg**" data-imagezoom="true">

有没有一种方法可以让我引用图像变量在HTML所以变焦功能是否行得通呢?

回答

0

相反的:

<img src="<%= image_tag @product.img_url %>" data-imagezoom="true"> 

只要做到:

<%= image_tag @product.img_url, :data => { :imagezoom => "true" } %> 

结帐image_tag方法的详细信息的文档。

+0

只是天才!这工作完美!我将按照建议结帐image_tag文档。非常感谢您的帮助。 – 2014-11-06 21:02:48