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

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

2 голосов
/ 11 апреля 2011

Я пытаюсь создать слайд-шоу с 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 ]

0 голосов
/ 02 мая 2011

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

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

0 голосов
/ 13 апреля 2011

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

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

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

...