LightBox Inspirations

LightBox Inspirations

From TUMRAI [QuickNote]

Jump to: navigation, search

Inspirations_Box > LightBox Inspirations

Contents

huddletogether

  • LightBox is famous photo preview windows, Light is free licenses. มีผู้นำมาพัฒนาต่อมากมาย หนึ่งในนั้นที่น่าสนใจคือ

lytebox

Lytebox ซึ่งได้เพิ่มความสามารถในการแสดง Photo Slide Show ดูตัวอย่างแได้ละ download source code ได้ที่ http://www.dolem.com/lytebox

Download

Single Image Example:


<a href="images/image-1.jpg" rel="lytebox" title="Image Description">Image #1</a>

Grouped Images Example:

<a href="images/image-1.jpg" rel="lytebox[vacation]" title="Mom and Dad">Mom and Dad</a>

<a href="images/image-2.jpg" rel="lytebox[vacation]" title="My Sister">My Sister</a>

Slideshow Example (note the use of lyteshow instead of lytebox):

<a href="images/image-1.jpg" rel="lyteshow[vacation]" title="Mom and Dad">Mom and Dad</a>

<a href="images/image-2.jpg" rel="lyteshow[vacation]" title="My Sister">My Sister</a>

HTML Content Example (note the use of lyteframe instead of lytebox):

<a href="http://www.google.com" rel="lyteframe" title="Search Google" rev="width: 400px; height: 300px; scrolling: no;">Google Search</a>

<a href="catalog1.htm" rel="lyteframe[catalog]" title="Summer Catalog">Summer Catalog</a>

<a href="catalog1.htm" rel="lyteframe[catalog]" title="Winter Catalog">Winter Catalog</a></pre>

Fancybox

fancyzoom

Lightview

Floatbox

http://www.randomous.com/tools/floatbox/demo.php


Shadow Box

Clones Link