将 div data-src 更改为 image_tag

【问题标题】：change div data-src to image_tag将 div data-src 更改为 image_tag
【发布时间】：2015-06-10 22:43:55
【问题描述】：

如何将 div data-src 更改为 image_tag？

div data-src="images/index_slide01.jpg">

我试过这个：

%= image_tag "index_slide01.jpg", data: { src: "index_slide01"} %>

但它不起作用。

【问题讨论】：

您使用什么语言？请将其添加为标签。
你所说的image_tag是什么意思？
@nour 为什么要将 src 属性添加到 div ??

标签： html ruby-on-rails ruby image

【解决方案1】：

你可以有一个像下面这样的html结构：

<img src="add the gif image" data-src="add the actual image you want loaded">

然后添加一些花哨的 JS 代码，如下所示：

$(function () {

    str_src = $('img').data('src');

    console.log(str_src);
    var source = $('img').attr('data-src');
    console.log(source);

    if (source) {
        setTimeout(function(){
              $('img').attr("src", source);    
        },2000);    
    };

});

FIDDLE HERE .

【讨论】：