阴影框 - 来自js的动态图像html表库

时间:2017-08-23 17:25:37

标签: javascript html image shadowbox

我在另一个方法中有一个ajax rest调用,我将json响应存储在 multiBasicDataFirst 中,然后在下面显示的另一个方法中使用它来获取图像url以在html中显示图像表。它很棒

暗影盒js http://www.shadowbox-js.com/usage.html

有没有办法在我下面的javascript方法中添加到htmnl表的图像中添加shadowbox?

理想情况下,页面上会有一个链接显示幻灯片显示,他们可以点击它来启动它。但是,如果这是唯一的方法,我会满足于图像点击。

这是index.html页面上的html表

 <table width="100%" style="height: 100%;" border="0">
   <tr>
   <td><div id="multi-view-basic-photos" class="multi-view-basic" /></td>
   /tr>
</table>

这是已经进行了其余调用的javascript方法,并且json响应中包含href图像url。

这是我将图片添加到桌面的位置。

function makeMultiBasicForTopVehicle() {

$(".main-vehicle-name").html(chooseVehicleTopName);
$(".tabbed-vehicle-name").html(chooseVehicleTopName);

var container = document.getElementById("multi-view-basic-photos");
container.innerHTML = "";

for (var i = 0; i < multiBasicDataFirst.view.length; i++) {

        if (multiBasicDataFirst.view[i].width == '640' && multiBasicDataFirst.view[i].backgroundDescription == 'White') {
            var img = new Image();
            img.src = multiBasicDataFirst.view[i]['href'];
            container.appendChild(img);
        }
    }
}

有没有办法将shadowbox.js或light gallery.js添加到我动态添加到表格的图片中?

0 个答案:

没有答案