Question

我使用的是jquery插件，即smartphoto.js。我想将图像动态加载到图库。

我的网站是酒店预订网站，所以我只想在HTML列表中加载每个酒店的资料图片。

当前，我必须加载所有图像，包括酒店的画廊图像，即使HTML不需要它也是如此，这会使我的网站变得非常缓慢和繁琐。

我想要的是ajax之类的东西，当页面加载时，它必须加载将在列表中显示的每个酒店的个人资料图片，然后，当用户单击hotel的个人资料图片时，它将使用ajax来调用ajax的其他图片那家酒店。

我已经在Google中搜索过有关smartphoto.js的信息，但似乎该插件的文档很少。我已经使用了此插件提供的addNewItem方法，它在图库中添加了缩略图，但是当我单击“下一步” /单击到刚刚添加的图像时，它将显示加载程序而不是图像，看来该插件找不到图像刚刚添加的。

我现在的代码

            smartphoto_array[photo_class] = new SmartPhoto(".js_img_viewer-"+photo_class);
            smartphoto_array[photo_class].on('open',function(){
                var tes_html = "<div>"+
                                    "<a id='"+photo_class+"' href='http://localhost/supertrip/img/ritz_carlton/30000001000092525_wh_3.jpg' class='js_img_viewer-"+photo_class+"' data-caption='tes' data-id='"+photo_class+"'>"+
                                        "<img src='http://localhost/tripvocat/supertrip/img/ritz_carlton/30000001000092525_wh_3.jpg' width='200'/>"+
                                    "</a>"+
                                "</div>";

                $(".hotel_photos_gallery-"+photo_class).append(tes_html);
                smartphoto_array[photo_class].addNewItem(document.getElementById(photo_class)); 
            });

使用smartphoto.js加载动态照片（jQuery插件）

0 个答案: