Swipebox - Загрузка HTML вместо изображений

Question

Я выбрал Swipebox как мой лайтбокс, потому что требования, которые я хочу, это то, что он доступен для мобильных устройств.

В основном я использовал это для изображений. Тем не менее, у меня есть вариант использования, где я хочу использовать Swipebox для отображения HTML.

Можно ли это сделать?

Если эта функция не поддерживается Swipebox, есть ли альтернативы, которые поддерживают набор функций, которые я ищу (swipeable + отзывчивый + может показывать HTML)?

Answer 1

Я нашел этот (bxSlider), но я еще не пробовал. Он утверждает, что поддерживает то, что вам нужно.

Answer 2

Возможно, ваш CSS не загружен правильно.

Проверьте, чтобы убедиться, что у вас есть следующий код в вашей голове:

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

Надеется, что это помогает, @_Sub

Answer 3

Я использую опцию «afterOpen: function() {}» очистить содержимое swipebox и положить мой контент там. Вот мой код:

var html = $('the HTML'); 

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

Answer 4

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>