رفتن به مطلب

لایت باکس Html


پست های پیشنهاد شده

سلام

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

لینک به ارسال

سلام

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

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/

لینک به ارسال

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...