آموزش ایجاد لایت باکس توسط جی کوئری

- visibility ٢۶ mode_comment

با سلام خدمت تمام دوستان و کاربران عزیز سون لرن

بنا به در خواست تعدادی از دوستان با آموزش ایجاد لایت باکس در خدمت شما عزیزان هستم و در این آموزش قصد داریم بدون کدنویسی و توسط یک پلاگین سبک جی کوئری با عنوان reveal از سایت zurb, از این پس به راحتی لایت باکس های مورد نیازمون رو ایجا کنیم.

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

1.طبق معمول ابتدا کتابخانه جی کوئری رو به سند وب متصل کنید یا کد زیر رو به قسمت head سند اضافه کنید تا جدیدترین نسخه کتابخانه آنلاین جی کوئری از سایت رسمی جی کوئری به سند شما متصل شود.(برای آشنایی بیشتر با این مورد و سایر موارد مربوط به جی کوئری و آموزش کامل آن این مطالب رو مشاهده کنید...)

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

 

2.در این مرحله یه فایل با عنوان lightbox و یا هر نامی که تمایل دارید ایجاد کرده سپس کد های زیر رو در آن کپی کنید و با پسوند js ذخیره کرده و این فایل را نیز در قسمت head به سند وب متصل نمایید.

comment دیدگاه کاربران
hasan_elc

من لایت باکس رو در یک sticky menu قرار داده ام و در در زمانی که منو با صفحه همراه میشود حال من روی لایت باکس کلیک میکنم به شکل نا صحیحی نمایش داده میشود
لینک عکس :

لقمان آوند

عرضش احتمالا خیلی زیاده
عرضش رو کم کن …

hasan_elc

نه مشکل از اون نیست چون قبل از همراه شدن sticky menu با صفحه مشکلی ندارد

لقمان آوند

باید کدتون دیده شه !
اینطور که معلومه رو لوکال داشتید سایت رو . اگه تونستید کد رو آنلاین کنید و آدرس صفحه رو بزارید .

hasan_elc

لینک کدهای sticky menu :

لینک کد های لایت باکس :

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2