افکتی زیبا جهت نمایش تصاویر در صفحه
<head>
<script type="text/javascript" src="lightbox.js"></script>
<link href="lightbox.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body>
<a href="img001_500px.jpg" rel="lightbox"><img src="img001.jpg" width="140" height="105" border="0"></a>
<br>
<a href="img002_500px.jpg" rel="lightbox"><img src="img002.jpg" width="140" height="105" border="0"></a>
<br>
<a href="img003_500px.jpg" rel="lightbox"><img src="img003.jpg" width="140" height="105" border="0"></a>
<br>
<a href="img003_500px.jpg" rel="lightbox">lightbox gallery</a>
</body>
<script type="text/javascript" src="lightbox.js"></script>
<link href="lightbox.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body>
<a href="img001_500px.jpg" rel="lightbox"><img src="img001.jpg" width="140" height="105" border="0"></a>
<br>
<a href="img002_500px.jpg" rel="lightbox"><img src="img002.jpg" width="140" height="105" border="0"></a>
<br>
<a href="img003_500px.jpg" rel="lightbox"><img src="img003.jpg" width="140" height="105" border="0"></a>
<br>
<a href="img003_500px.jpg" rel="lightbox">lightbox gallery</a>
</body>
راهنمای استفاده
با این افکت ساده می توانید نحوه نمایش تصاویر را جذاب تر نمایید. کلیه فایل های لازم جهت این اسکریپت در یک فایل zip ذخیره شده است. پس از دانلود و باز کردن فایل طبق کد نمونه بالا عمل نمایید. فایل js و CSS را در بخش head فرا خوانی نمایید. از فایل CSS تغییرات مورد نظر خود را اعمال نمایید. مسیر فایل های loading.gif و close.gif را در فایل js، در صورت نیاز، اصلاح نمایید. در تگ <a ... مطابق کد نمونه عبارت rel="lightbox" را قرار دهید.
» فایل ضمیمه: LightBoxGallery.zip
