Question

我选择了Swipebox作为我的灯箱，因为我想要的要求是它可以在移动设备中播放，广告是响应式的。

我主要用它来拍照。但是，我有一个用例，我想使用Swipebox来显示HTML。

可以这样做吗？

如果Swipebox不支持此功能，是否有任何替代方案支持我正在寻找的功能集（可刷卡+响应+可以显示HTML）？

Answer 1

Swipebox可以显示内嵌内容。可能没有记录，但你可以在这个问题的答案中查看它：

https://github.com/brutaldesign/swipebox/issues/248

<a href="#slide1" class="swipebox" title="Slide 1">...</a>
<a href="#slide2" class="swipebox" title="Slide 2">...</a>
<div style="display: none">
  <div id="slide1">Slide 1 Content</div>
  <div id="slide2">Slide 2 Content</div>
</div>

Answer 2

I use the option "afterOpen: function () {}" clean the content of swipebox and put my content there. Here is my code:

var html = $('the HTML');

$('.swipebox').swipebox({
    afterOpen: function () {
        $('#swipebox-slider').empty();
        $('#swipebox-slider').append(html);
    }
});

Answer 3

我找到了这个（bxSlider），但我还没有尝试过。它声称支持你需要的东西。

Answer 4

也许你的CSS没有正确加载。

检查以确保您的头脑中有以下代码：

<link rel="stylesheet" href="source/swipebox.css"/>

希望这有帮助， @_Sub

Swipebox - 加载HTML而不是图像

4 个答案: