Мини галерея LightBox с готовыми картинками в проекте

Готовлю контент для развлекательного сайта. Картинки в постах уже готовые, вот пример:



Предлагаю «Обернуть» картинки ссылками на полную картинку. Т.е кликаешь на картинку, она увеличивается с помощью плагина Light Box. Вот такая красота получается: http://www.sitetrek.ru/plagin-lightbox-plus-vsplyvayushhie-izobrazheniya-v-wordpress/.

Не совсем понятно каким кодом нужно «оборачивать» картинку и почему это не можно сделать через поиск и замену.

admin в своем сообщении писал(а):Не совсем понятно каким кодом нужно «оборачивать» картинку и почему это не можно сделать через поиск и замену.

Мы не знаем точный адрес будущей картинки. К примеру, в Зебре адрес картинки такой:

<img class="alignnone"  src=" src="~images\local-image-1.jpg" height="200" width="100">

Нужно, чтобы Зеброид обернул картинки тегом <A> вот так:

<a class="Lightbox" href="/wp-content/uploads/2015/2/local-image-1.jpg" rel="Lightbox"><img class="alignnone"  src=" src="~images\local-image-1.jpg" height="200" width="100"></a>

Т.е наша задача получить и прописать будущий путь к картинке /wp-content/uploads/2015/2/local-image-1.jpg, так же тег class и rel.

Никто вам не мешает прописать в тег А тот же путь к картинке, что и в теге IMG, программа их заменит на правильный. Ваша задача решается одной регуляркой.

admin в своем сообщении писал(а):Никто вам не мешает прописать в тег А тот же путь к картинке, что и в теге IMG, программа их заменит на правильный. Ваша задача решается одной регуляркой.

Хорошо если есть такая возможность. Подскажите тогда регулярку для этого, не могу додуматься как сделать. В проекте идет список картинок:

<p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_1_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_2_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_3_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_4_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_5_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_6_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_7_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_8_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_9_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_10_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_11_1.jpg" width="200" /></p>
    <p><img src="~images\sensacija-zhivotnye-uchatsja-vodit-avtomobil_12_1.jpg" width="200" /></p>

Пробовал вот так:

<a href="~images\top-20-samyh-smeshnyh-zhivotnyh-fotobomb_1.jpg"><img src="~images\top-20-samyh-smeshnyh-zhivotnyh-fotobomb_1.jpg" width="200" /></a> 

И так пробовал:

<a href="{URL}"><img src="~images\top-20-samyh-smeshnyh-zhivotnyh-fotobomb_1.jpg" width="200" /></a>

Получается битая ссылка на сайте.

Этот вариант правильный:

<a href="~images\top-20-samyh-smeshnyh-zhivotnyh-fotobomb_1.jpg"><img src="~images\top-20-samyh-smeshnyh-zhivotnyh-fotobomb_1.jpg" width="200" /></a>

В какую CMS экспортируете? Какая именно ссылка на сайте?

Опубликовал еще раз. В админке сайта вот такое получается:

<a href="~images\top-20-samyh-smeshnyh-zhivotnyh-fotobomb_1_1.jpg" /><img src="http://1-site/wp-content/uploads/2015/04/top-20-samyh-smeshnyh-zhivotnyh-fotobomb_1_11.jpg" width="200" /></a>

СМС — Wordpress.

Ошибка возникает при XML-RPS постинге. При обычном Экспорте ошибки нет.

Ок, понял, будет в следующем обновлении