img (метка)

Добрый вечер. Подскажите код, который автоматический обворачивает все изображения в div, а также добавляем основной контейнер.

Сейчас так:

<p>
<a href="" class="fancybox"><img src="'" alt="" /></a>
<a href=""...

На страницах проекта большое количество <img> обрамленных <a> на оригинал картинки. Необходимо заменить <img> цифрами по порядку.

Выглядит это примерно так:

<div class="resh"> <a href="link-to-image.jpg"...

Здравствуйте господа. Может кто подсказать или подкинуть пару годных статей, где подробно рассказано, как генерить картинку для шаринга, с помощью изображения статьи и его тайтла(Так сказать накладывали друг на друга)?