Ссылка Fancybox на все изображения в div

Question

Ссылка Fancybox на все изображения в div

0

Я хочу покрыть каждое изображение в div #artikel ссылкой fancybox. Таким образом, в основном каждый

<img src="image.png"></img>

должны быть преобразованы в

<a href="image.png" class="fancybox" rel="artikel"><img src="image.png"></img></a>

Есть ли способ достичь этого эффекта с помощью Javascript или функции php, которая способна на это? (Содержимое этого div хранится в переменной)

Jan Cieslik 19 окт. 2013, в 15:14

Источник

0

Обратите внимание, что <img> должен быть автоматически закрыт, поэтому этот <img src="image.png"></img> должен быть скорее <img src="image.png" /> (и не забывайте атрибут alt )
JFK 19 окт. 2013, в 16:45

Теги:

php

javascript

jquery

html

fancybox

2 ответа

0

Чтобы добавить тег привязки ко всем изображениям в вашем paGE, вы можете использовать javascript на своей странице

<script type="text/javascript">
function wrapAllImages() {
    $("img").wrap("<a href=\"image.png\" class=\"fancybox\" rel=\"artikel\"></a>");
}
</script>

Sid M 19 окт. 2013, в 10:43

Ещё вопросы

Обратите внимание, что <img> должен быть автоматически закрыт, поэтому этот <img src="image.png"></img> должен быть скорее <img src="image.png" /> (и не забывайте атрибут alt )

Jason P · Accepted Answer · 2013-10-19T10-59-00.000Z

Если вы можете изменить php, это будет идеально. Но если вы должны использовать javascript, вы можете использовать wrap():

http://jsfiddle.net/ses7u/

$('#artikel img').each(function () {
    $(this).wrap($('<a/>', {
        href: $(this).attr('src'),
        class: "fancybox",
        rel: "artikel"
    }));
});