时间戳

首页 > 解决方案 > 灯箱功能加载 URL 而不是实际图像

php - 灯箱功能加载 URL 而不是实际图像

问题描述

我在我的网站上添加了一些代码，试图在单击图像时加载灯箱。目前，此代码有效，但不是在灯箱中显示图像，而是仅显示图像 url。这是在下面的代码中使用“slider.currSlide.bigImage”加载的。我不确定我可以向这个函数添加什么，以便它还加载 img 标签和它周围的括号，从而将实际图像加载到灯箱中。任何帮助将不胜感激。

 function add_additional_rs_code() {
    ?>
    var slider = $('#new-royalslider-1').data('royalSlider');
    slider.ev.on('rsSlideClick', function (event, originalEvent) {
    //console.log(this);
    $.fancybox( slider.currSlide.bigImage );
});
    <?php
}
add_action('new_rs_after_js_init_code', 'add_additional_rs_code');

标签： phpfunctionfancybox

解决方案

在没有看到您的代码的情况下，我猜您缺少指示内容来源的属性href或属性。data-src结果，脚本假定您要显示您的元素（在您的情况下 - 您的图像）。

推荐阅读