Как обернуть картинку ссылкой php взяв ссылку из ее атрибута data-url?

Question

[Вася Фамилия]

Есть вот такой код html

<p>тра та так</p>
<img src="exaple-min.jpg" alt=""   data-url="exaple-big.jpg">
<p>тра та так</p>
<img src="exaple-min1.jpg" alt=""   data-url="exaple-big1.jpg">

а нужно вот такой

<p>тра та так</p>
<a href="exaple-big.jpg" class="to">
   <img src="exaple-min.jpg" alt="">
</a>
<p>тра та так</p>
<a href="exaple-big1.jpg" class="to">
   <img src="exaple-min1.jpg" alt="">
</a>

Как это можно сделать наименее затратно для сервера?

Comments

[Сергей delphinpro]

какой html нужен, такой сразу и делайте.
Зачем формировать одно, потом парсить и делать другое??? вам не кажется это идиотизмом? Или вы что-то не договариваете по сути задачи?

[4X_Pro]

Сергей: предположу, что автор тянет этот код откуда-то еще.

[Сергей delphinpro]

4X_Pro: откуда? с чужого сайта? =))

[Вася Фамилия]

Сергей: Мне вначале нужно для редактора HTML, а там ссылки вообще не нужны, а после отправки на сервер нужно сгенерировать, то что нужно

Answer 1

[ThunderCat]

Нафига тогда на сервере? Рулите с клиента жсом. Вроде же дата оно как раз для этого?
что-то типа :

var imgs = $('img');
imgs.each.function(){
var url = $(this).data('url');
$(this).wrap('<a href="'+url+'"></a>');
}

Comments

[Вася Фамилия]

менять js при нажатии на кнопки при отправке?

[ThunderCat]

Вася Фамилия: думаю, что проще написать скрипт, и пускать при выводе на клиенте. То есть хранить как прислали, а на клиенте заменять на нужное жсом по онлоад. Так работают вроде всякие карусели и слайдеры.

[Вася Фамилия]

Да хорошая идея и простая

[Вася Фамилия]

jquery : )

$( "img" ).each(function( index ) {
var url = $(this).data('url');
$(this).wrap('');
});

Answer 2

[4X_Pro]

Если требуется обработать на стороне сервера, то это можно сделать с помощью регулярного выражения:

$html=preg_replace('|<img src="([^"]+)"\s+alt=""\s+data-url="([^"]+)">|is','<a href="$2" class="to"><img src="$1" alt=""></a>',$html);

Answer 3

[Александр Батухтин]

А как этот хтмл генерится?

Comments

[Вася Фамилия]

Из редактора