شرح الرابط الذى وضعته لالعربى
ضع هذه الاكواد فى الهيدر
كود HTML:
<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
افتح ملف css المرفق وتأكد من وجود الصور والملفات فى اماكنها
prev.gif ,next.gif,loading.gif,close.gif,
وتأكد ايضاً من وجود ملف lightbox.js
لتفعيل الخاصية على الصور
قم باضافة كود rel="lightbox" للرابط المراد التطبيق عليه
ويكون كود الصورة بهذا الشكل
كود HTML:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
واذا كنت تريد ان تكون مجموعة صور كمجموعة
يكون الرابط بهذا الشكل
كود HTML:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
التحميل من هذا الرابط
http://lokeshdhakar.com/projects/lig...ghtbox2.05.zip