Могу ли я использовать Colorbox на изображениях, когда нет тега привязки

Я пытаюсь создать слайд-шоу с Colorbox. К сожалению, я не могу контролировать, как создаются изображения, поэтому я не могу ставить якорные теги или ссылаться на изображения.

Лучшее, что я могу сделать, это что-то вроде этого:

<div id="cbImg" class="slideshow">
    <img src="file1.png" />    
    <img src="file2.png" />
    <img src="file3.png" />
    <img src="file4.png" />
</div>

Теги изображения могут иметь теги height, width и alt... но они генерируются динамически. Все, что я могу контролировать - это тег DIV, окружающий изображения. Могут быть или не быть другие теги (p, div, span), окружающие изображения.

Я хочу что-то вроде этого:

<div id="cbImg" class="slideshow">
    <a href="file1.png" rel="slide" class="pop"><img src="file1.png" /></a>
    <a href="file2.png" rel="slide" class="pop"><img src="file2.png" /></a>
    <a href="file3.png" rel="slide" class="pop"><img src="file3.png" /></a>
    <a href="file4.png" rel="slide" class="pop"><img src="file4.png" /></a>
</div>

Да, это выходит из CMS... нет, я не могу изменить то, как он рендерится. Я пытаюсь сделать слайд-шоу (если это возможно).

Источник

2 ответа

Решение

По сути, я закончил тем, что использовал JQuery для динамического создания тегов привязки вокруг тега IMG... что позволило мне добавить класс и rel= мне нужно было использовать опцию ColorBox.

Вот один из ответов, которые я использовал для советов о том, как создавать теги привязки:

jQuery: самый простой способ обернуть тег изображения якорным тегом

Источник

Другой способ сделать это - преобразовать статью в блоге с помощью XSLT. Однако, если изображения находятся внутри содержимого сообщения блога, это будет нелегко (особенно если учесть, что Ektron использует XSLT 1.0, который не поддерживает регулярные выражения).

Если вы хотите сделать это на стороне сервера, вам, вероятно, придется получить содержимое и заменить строку. В качестве альтернативы вы можете воспользоваться решением jQuery и использовать NodeJS для запуска на стороне сервера.

Источник
Другие вопросы по тегам