زمان جاری : چهارشنبه 21 آذر 1397 - 6:59 بعد از ظهر
نام کاربری : پسورد : یا عضویت | رمز عبور ر فراموش کردم




تابلو اعلانات
elanat

تعداد بازدید 268
koreserials آفلاین



ارسال‌ها : 96
عضویت: 22 /8 /1393
سن: 21
تشکرها : 137
تشکر شده : 68
مرورگر من :
گوشی: [Custom_Field_Content]
پلاگین جی کوئری لایت باکس
سلام. خوبین؟
براتون پلاگین جی کوئری لایت باکس (جعبه سبک) آوردم. این پلاگین رو من نساختم و از سایت
http://www.jacklmoore.com/colorbox

برداشتم و براتون هم سرهم بندیش کردم و طریقه استفادش رو نوشتم.


خُب بریم سراغ آموزش.

کدهای زیر رو تو هد کپی کنید. اگه خواستید میتونید برای سبک شدن قالب اون دوتا فایل جی کوئری رو در آخر قالبتون قبل بشته شدن تگ بادی بزارید.
در مورد اون width و height که در کد زیر میبینید باید بگم که اونا اندازه این باکس هست. مثلا نوشته طول 50% یعنی اندازه طول این باکس 50 درصد اندازه مرورگر شماست. طول و عرضش با اندازه مرورگر شما تنظیم میشه

کد:
<link type="text/css" rel="stylesheet" href="http://up.koreserials.ir/up/koreserials/Other/LightBox/colorbox.css">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://up.koreserials.ir/up/koreserials/Other/LightBox/jquery.colorbox-min.js"></script>
<script>
$(document).ready(function(){
$(".Reza").colorbox({width:"50%", height:"75%"});
});
</script>


حالا باید به لینکی که میخواید کلاس Reza رو بدید
تو قسمت آدرس لینک هم باید آدرس عکس رو قرار بدبد
مثل زیر
کد:
<a class="Reza" href="آدرس عکس">متن یا عکس به صورت کوچیک</a>


حالا اگه چندتا عکس دارید که دلتون میخواد بصورت گالری بازش کنید باید به لینک ها علاوه بر کلاس Reza عبارت rel="gal" رو هم اضاف کنید
مثل زیر

کد:
<a class="Reza" href="http://rozup.ir/up/pixelha/Pictures/people/player/Sergio-Ramos-2.jpg" rel="gal">عکس یک</a><br>
<a class="Reza" href="http://rozup.ir/up/pixelha/Pictures/people/game-and-cartoon-character/Minion-Banana.jpg" rel="gal">عکس دو</a><br>
<a class="Reza" href="http://rozup.ir/up/pixelha/Pictures/animal/domestic/cute-sleep-cat.jpg" rel="gal">عکس سه</a><br>


بزودی قالبم براتون ترجمه میکنم میزارم

موفق باشید

چهارشنبه 01 بهمن 1393 - 15:39
وب کاربر ارسال پیام نقل قول تشکر گزارش
تشکر شده:
تشکر شده: 3 کاربر از koreserials به خاطر این مطلب مفید تشکر کرده اند: mypanahgah - 98love - jazzab-online -
rozex آفلاین



ارسال‌ها : 918
عضویت: 4 /10 /1391
محل زندگی: Kordestan
تشکرها : 142
تشکر شده : 1547
پاسخ 1 : پلاگین جی کوئری لایت باکس
سلام
خیلی وقت هست ابزارش رو ساختم دمو : http://rozex.rozblog.com/zoooom
موفق باشید
چهارشنبه 01 بهمن 1393 - 20:48
وب کاربر ارسال پیام نقل قول تشکر گزارش
تشکر شده: 1 کاربر از rozex به خاطر این مطلب مفید تشکر کرده اند: koreserials -
koreserials آفلاین



ارسال‌ها : 96
عضویت: 22 /8 /1393
سن: 21
تشکرها : 137
تشکر شده : 68
حالت من :
پاسخ 2 : پلاگین جی کوئری لایت باکس
اینی که من گذاشتم پشتش راه راهه.

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

و هزاران مزایا و معایب دیگر که فقط با استفاده کردن ازون میتونید بهش پی ببرید
چهارشنبه 01 بهمن 1393 - 21:07
وب کاربر ارسال پیام نقل قول تشکر گزارش
saranaz آفلاین



ارسال‌ها : 124
عضویت: 22 /12 /1396
تعداد اخطار: 99
تشکرها : 1
حالت من :
مرورگر من :
پاسخ 3 : پلاگین جی کوئری لایت باکس
بازرگانی معینی در نظر دارد به مناسبت فرارسیدن عید نوروز تخفیف عیدانه از 5 درصد تا 30 درصد در محصولات ذیل به مشتریان عزیز اهدا نماید.
فروش ویژه تجهیزات آشپزخانه شامل یراق آلات (بلوم)-اکسسوری- هود -فر- اجاق گاز- ماکروفر- ماکروویو-کشو گرم کنبخارپزسینک استیلسینک گرانیتیتجهیزات ریلی کابینت آشپزخانه وکشو سوپری... از برند های بلوم اتریش – ملونیهایگلد- روبرتوزیگمابوش- آریستونتکنو – اسنوا – استیل البرز
شماره های تماس: 09133127025 – 03136641103- 03136641104- 03136629450- 03136629447 و شماره
شماره و کانال تلگرام 09130195520 t.me/bazarganimoeinie-
سایت: https://digimoeini.com/
اینستاگرام: bazarganimoeinie
آدرس:اصفهان خیابان فیض جنب بانک صادرات بازرگانی معینی
فروش ویژه 5تا30 درصد تخفیف عیدانه
انگشت مبارکتان را روی لینک زیر بزنید و از تمام قیمت های یراق آلات و اکسسوری باخبر شوید.
چهارشنبه 23 اسفند 1396 - 16:45
ارسال پیام نقل قول تشکر گزارش





برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.



کپی برداری از مطالب این انجمن فقط با درج لینک منبع مجاز می باشد. | طراح قالب: Moisrex