رفتن به مطلب

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

  • مدیر انجمن

درود.

افزونه های لایت باکس به این صورت عمل می کنند که زمانی که شما به یک عکس با تگ img یک لینک بدید ، و مسیر اون لینک یک تصویر باشه، اون تصویر رو به صورت لایت باکس ، در همون پنجره مرورگر نمایش میده.

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

و مهم نیست که چه افزونه ی لایت باکسی استفاده کنید، همه افزونه ها همون لینک تصویر رو به صورت لایت باکس باز می کنند. پس کار اصلی رو خودتون باید انجام بدید و لینک تصویر مورد نظرتون رو به طور صحیح روی Element دلخواه قرار بدید.

و ممکنه بعضی از افزونه ها نیازمند id خاصی باشند تا لایت باکس رو اعمال کنند. مثلا کد اون قسمت باید دارای id با شناسه از قبل تعریف شده توسط افزونه لایت باکس باشه :

<a href="http://20script.ir/image/car.png" id="slightbox"><img src="http://20script.ir/image/flower.png"></a>

یعنی طبق کد بالا، ما یک تصویر "گل" داریم، که روی اون یک لینک تصویر "ماشین" تعریف شده. حالا افزونه لایت باکس ما هم برای اجرای ویژگی لایت باکس از ID به نام slightbox استفاده می کنه. بنابراین ما روی تصویر گل کلیک می کنیم و تصویر ماشین به صورت لایت باکس اجرا میشه! (یک مثال تئوری از کد بالا)

 

و افزونه های لایت باکس هم زیادند که در زیر می تونید لیست بزرگی از اونها رو مشاهده کنید، چند تا از اونها رو بررسی کنید (تصاویر پیش نمایش اونهارو ) و هر کدوم که پسند کردید رو استفاده کنید. مهم همون لینکی هست که دارای ID مخصوص هست:

  • لینک ها تنها برای اعضای سایت قابل نمایش است.

 

و اگر خواستید به صورت کدنویسی یک لایت باکس دلخواه (بدون افزونه) ایجاد کنید، می تونید از این آموزش استفاده کنید:

  • لینک ها تنها برای اعضای سایت قابل نمایش است.
  • Like 3
لینک ارسال
به اشتراک گذاری در سایت های دیگر

سلام . من از ویژگی لایت باکس خود قالبم استفاده کردم 

اما تو المنت ازین راهی که شما گفتین نمیتونم عکس دوم رو بذارم

میشه لطفا شمام یه نگاه بندازین ببین مشکلش چیه؟

لینک ها تنها برای اعضای سایت قابل نمایش است.  مثلا این عکس که تو این صفحه هست وقتی روش کلیک شد  لینک ها تنها برای اعضای سایت قابل نمایش است.  باز بشه ...

لینک ارسال
به اشتراک گذاری در سایت های دیگر
  • مدیر انجمن

درود مجدد.

ببینید در صفحه ی سایتتون ، تصویر رو گذاشتید، و لینکی که روی تصویر اعمال شده، لینک همون تصویر نمایشی هست. یعنی الان لینک تصویری که باید به صورت لایت باکس باز بشه با لینک تصویری که به کاربر نمایش داده میشه یکسان هست : (لینک داخل کادر قرمز، لینک تصویری هست که به صورت لایت باکس باز میشه، و لینک داخل کادر بنفش، تصویری هست که به کاربر نمایش داده میشه و روی اون کلیک انجام میشه تا لایت باکس باز بشه)

لینک ها تنها برای اعضای سایت قابل نمایش است.

در صورتی که باید مثل تصویر زیر، داخل کادر سبز رنگ (همون کادر قرمز رنگ تصویر قبل) ، لینک تصویری که می خواهید لایت باکس بشه رو وارد کنید. یعنی چنین چیزی باید داشته باشید:

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

از جایی که این تصویر و لایت باکس رو ایجاد کردید، لینک و پیوند روی تصویر رو تغییر بدید. هر دوتا لینک مثل هم نباشند.

  • Like 4
لینک ارسال
به اشتراک گذاری در سایت های دیگر

منم همین کارو میکنم ولی بازم همون تصویر ax1 رو تو لایت باکس نشون میده 

یعنی دقیقا من هم همین کاری که شما کردید رو کردم و تغییرات اعمال نشد :/

لینک ها تنها برای اعضای سایت قابل نمایش است.

این الان تصویر لایت باکسه. با اینکه تغببر دادم داره همون تصویرو نشون میده

ویرایش شده توسط marjan68
لینک ارسال
به اشتراک گذاری در سایت های دیگر
  • مدیر انجمن

اگه افزونه کش استفاده می کنید، کش رو خالی کنید و مجددا تست کنید.

چون من که مجددا سورس صفحه رو چک کردم، به همون حالت قبل هست.

 

ولی مجددا با یک افزونه ی دیگه، آموزش مجدد بهتون میدم امیدوارم مشکلتون حل بشه. فقط افزونه ی لایت باکس فعلیتون رو کاملا حذف کنید تا تداخل پیش نیاد.

1 . اول افزونه زیر رو نصب کنید:

  • لینک ها تنها برای اعضای سایت قابل نمایش است.

2 . وارد صفحه تنظیمات افزونه لایت باکس بشید و گزینه ها رو مطابق نیازتون تنظیم کنید.

3 . وارد قسمت افزونه برگه یا نوشته بشید. تصویر رو آپلود یا انتخاب کنید و از قسمت "تنظیمات نمایش پیوست" ، نوع پیوند رو "نشانی دلخواه" انتخاب کنید و در کادر زیرش، لینک یک تصویر دیگه رو بدید.

لینک ها تنها برای اعضای سایت قابل نمایش است.

4 . نوشته یا برگه رو منتشر کنید و نتیجه رو چک کنید.

  • Like 3
لینک ارسال
به اشتراک گذاری در سایت های دیگر
مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...