لایت باکس Html

[!Mojtaba 980]

سلام

دوستان یک عدد لایت باکس html برای عکس هام میخواستم که بعد از کلید روی عکس بند انشتی عکس در سایز بزرگ باز بشه ...

[علی زینلی 2114]

سلام

دانلود از صفحه:

http://www.shadowbox-js.com/download.html

گذاشتن کد زیر در بین تگ های <head> و </head> و فایل header.php

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

و گذاشتن عکس ها به این صورت:

<a href="http://gdl.naslno.com/Abstract-Flowers-500x444.jpg" rel="shadowbox"><img src="http://gdl.naslno.com/Abstract-Flowers-500x444.jpg"></a>

برای انجام دادن این کار به صورت خودکار از طریق functions.php (کمی با احتیاط..) از این کد استفاده کن:

function shadowbox_replace($string)
{
$pattern = '/<a(.*?)href="(.*?).(bmp|gif|jpeg|jpg|png)"(.*?)>/i';
   $replacement = '<a$1href="$2.$3" rel="shadowbox$4>';
return preg_replace($pattern, $replacement, $string);
}

(کد PHP هست)

_______________

البتّه راه پیشنهادی من نصب این افزونه است:

https://wordpress.org/plugins/simple-lightbox/screenshots/

[!Mojtaba 980]

تو یه قالب جداگانه که Html نوشته شده هم جواب میده ؟! یعنی وردپرس نیست ! یک پیج کاملا جدا