نظرة عامة
Visual LightBox JS هو عبارة عن معالج يساعدك ببساطة في انشاء معرض صور على المواقع مع تأثيرات صندوق الضوء
ببعض النقراءت بدون كتابة أي سطر من الرموز
فقط اسحب وأسقط صورك في Visual LightBox , اضغط على "Publish" ,وسوف يفتح معرض الصور الخاص بك مع تأثيرات صندوق الضوء في متصفح الإنترنت
بدون رموز javascript ولا css ولا html , بدون تعديل الصور , فقط اضغط لتحصل على معرضك جاهز .
Visual LightBox متوفر كإضافة لـ Prototype و jQuery , يعمل على Windows و Mac , هو مترجم عن بواسطة volunteers إلى 25 لغة !
خصائص ومميزات Visual LightBox
- يدعم Fliker و Photobuket
- يعمل كإذافة لـ jQuery أو Prototype
- تأثير العوم والتلاشي أثناء الانتقال
- عمل عرض متحرك مع خيار التشغيل التلقائي
- يدعم Windows & MAC
- يتوافق مع XHTML
- التقريب مع تأثير الظل
- الزوايا المنحنية للنوافذ
- تصغير الصور الكبيرة لتناسب شاشة المتصفح
- الكثير من الأشكار للمعارض
- صورة منحنية الأطراف بجودة عالة مع التنعيم
- انشاء الصورة المصغرة تلقائيا
- تسطيع إضافة وصف
- يعمل على FTP
مثال
مثال صندقو ضوء . معرض jquery للصور
الصور التالية تم انشاءها بواسطة Visual LightBox . إضغط على أي صورة لتشغيل المعرض.
هذا المثال في الأعلى لصفحة تستخدم المعرض المنشأ بواسطة Visual LightBox و معرض jQuery للصور وتم وضعها في الصفحة تستطيع أيضا أنت أنت ترى الكثير من الأمثلة الأخلى في صفحة الأمثلة الكاملة معرض الأمثلة الكامل.
تحميل Visual LightBox
تحميل النصخة المجانية لنظام Windows |
لتحميل النسخة المجانية لنظامMac |
Visual LightBox هو مجاني للاستخدامات غير التجارية , إذا كنت تريد استخدامه في موقع مدرسة مثلا أو مدونة غير تجارية أو مؤسسة غير تجارية , تستطيع تحميله مدانا
تكلفة بسيطة لازمة للاستخدام التجاري
نسخة الأعمال من Visual LightBox تتيح لك خيار مسح توقيع VisualLightBox.com
وتستطيع إضافة توقيعك أنت .. بعد اكتمال الدفع في النموذج المحمي .. أنت سوف تستلم مفتاح الرخصة بواسطة البريد الالكتروني ويمكنك تحويل النسخة المجانية إلى نسخة الأعمال , تستطيع اختيار عدة طريق للدفع
طريقة الدفع عن طريق الـ credit card أو الارسال البنكي أو عن طريق PayPal وغيره وأيضا تستديع أخذ نسخة للأعمال
مجاناإذا ساعدت في ترجمة البرنامج إلى لغتك
يرجى الإتصال على 
لمعلومات أكثر .
|
|
|||||||||||||||||||||||||||||||
الدعم
للمساعدة في حال المشاكل , طلب خصائص , أو المساعدة العامة , الإتصال بدعم العملاء على
كن واثقا أنك أضفت معلومات المتصفح , والنظام , واصدار البرنامج , ورابط لموقعك.
أسئلة وأجوبة
س:كيف أضيف المعرض إلى صفحة موجودة سابقا ؟
ج:
لإضافة معرض VisualLightBox إلى صفحتك اتبع التالي :
1. اصنع معرض VisualLightBox الخاص بك واعمل publish في مجلد في الذاكرة.
2. افتح ملف index.html من المجلد المحفوظ بأي محرر نص.
3. انسخ الرموز الخاص بالمعرض من قسم HEAD والصقه في قسم HEAD في صفحتك , على سبيل المثال:
<head >
...
<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />
<style>#vlightbox a#vlb{display:none}</style>
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->
...
</head>
4. انسخ الرموز الخاصة بالمعرض في قسم BODY وألصقها في قسم Body في صفحتك في المكان الذي تريد لعرض المعرض , على سبيل المثال:
<body>
...
<!-- Start VisualLightBox.com BODY section -->
<div id="vlightbox">
<a rel="lightbox_vlb" href="data/images/dscn6831.jpg" title="DSCN6831"><img src="data/thumbnails/dscn6831.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/dscn6823.jpg" title="DSCN6823"><img src="data/thumbnails/dscn6823.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/dscn6819.jpg" title="DSCN6819"><img src="data/thumbnails/dscn6819.png"><span></span></a>
<a id="vlb" href="http://visuallightbox.com">Photo Gallery For Web by VisualLightBox.com v2.1</a>
</div>
<!-- End VisualLightBox.com BODY section -->
...
</body>
5. انسخ مجلد 'data' مع الصور والوصور المصغرة ومجلد 'engine' مع ملفات .css و .js
في نفس المجلد الذي يوجد به صفحتك.
تستطيع ايجاد مثال هنا :
#example
س:أنا اشتريت رخصة لنسخة الأعمال ولكن أنا لا أرى أي طريقة لحذف العلامة المائية , ما ذا أفعل؟
ج:
النسخة المجانية لا تسمح لك بحذف العلامة المائية
سجلل البرنامج أول . استخدم تسجيل المفتاح من رسالة الرخصة التي استلمتها في بريدك الالكتروني . بعد التسجيل سوف تزال العلامة المائية .
افتح Gallery->Properties->Templates: Watermark. إضغط على تعطيل هذا الخيار أو استخدم علامتك المائية الخاصة.
س:في عرض المعرض لصور . أنا أجد أن الخلفية معروضة مشغولة جدا . هل هناك طريقة لتظليل الخلفية ؟
ج:
لا بد أن تعين الخيارات في ملف engine\js\visuallightbox.js بالطريقة التالية:
overlayOpacity: 1, // controls transparency of shadow overlay
س:كيف أتحكم بسرعة العرض التلقائي ؟
ج:
افتح ملف engine\js\visuallightbox.js وابحث عن السطر التالي:
slideTime:3, // time to display images during slideshow
عين الوقت الذي تريد.