تصاویر لایت باکس

تصاویر لایت باکس

استک دارای پلاگین لایت باکس است که به شما امکان می دهد یک تصویر کوچک را نمایش دهید که با کلیک روی آن به نسخه بزرگتری از همان تصویر باز می شود. این به ویژه هنگام نمایش گالری تصاویر مفید است.

تصویر لایت باکس با قرار دادن یک تصویر کوچک کار می کند تگ <img> در داخل یک عنصر <a> با ویژگی داده data-lightbox="true"

<a href="img/fullsize.jpg" data-lightbox="true">
	<img alt="Thumb" src="img/thumb.jpg" />
</a>
					

گالری های لایت باکس

شما به راحتی می توانید یک گالری از تصاویر لایت باکس با تغییر آن ایجاد کنید ویژگی data-lightbox="" به همین نام. مثلا data-lightbox="Gallery 1"

<a href="img/fullsize.jpg" data-lightbox="Gallery 1">
	<img alt="Thumb" src="img/thumb.jpg" />
</a>
<a href="img/fullsize.jpg" data-lightbox="Gallery 1">
	<img alt="Thumb" src="img/thumb.jpg" />
</a>
<a href="img/fullsize.jpg" data-lightbox="Gallery 1">
	<img alt="Thumb" src="img/thumb.jpg" />
</a>