Web 2.0


■ Javascript Technique 


 
Lightbox & Image Gallery 


Ajax-Based


www.huddletogether.com 

[Note] 

www.HuddleTogether.com 

2.0版當 IE 關掉左側我的最愛時，最右側背景會缺一長條塊黑影



 
JonDesign's SmoothGallery

[Note] 

smoothgallery.jondesign.net 

Slideshow


 
Ajax Photo Gallery

[Note] 

www.agilegallery.com

Require XML file output by Picasa (須上傳照片到Picasa網站)



 
Grey Box

[Note] 

orangoo.com 

display websites, images and other content



 
Litebox

[Note] 

www.doknowevil.net



 
Multifaceted Lightbox

[Note] 
www.gregphoto.net


 
Slightly ThickerBox

[Note] 

www.jasons-toolbox.com

1.7 版測試時，Opera 有 bug，無法顯示圖片。IE 會閃圖後才出現。




Slimbox

[Note] 

www.digitalia.be 

ready to launch, no waiting for all images loaded

temporary hides flashs & videos

no use a 1pix transparent gif image & simple CSS (no CSS hacks)

not compatible with the old IE5.5



Suckerfish HoverLightbox Redux [Suckerfish HoverLightbox]

[Note] 

mondaybynoon.com




LightWindow

[Note] 

stickmanlabs.com 

可顯示Flash、影片檔、外部網頁



Lytebox

[Note] 

Album & Slideshow



iBox

[Note] 

www.ibegin.com 

可看影片檔 

大圖會隨卷軸自行移動，因此大圖若超過瀏覽器外，則無法看見被切掉的部份。




Smoothbox

[Note] 

gueschla.com 

大圖會隨卷軸自行移動




YUI Based Lightbox

[Note] 

thecodecentral.com



Imago

[Note] 

codeboje.de 

支援 xml 設定、Flickr&Smugmug 




photoViewer

[Note] 

nicora.net 

based on YUI library 

Easily skinned, auto-centered, slide show, XML files, absolute&relative position 




carousel

[Note] 

billwscott.com 

支援 Vertical Orientation、Slide Show、Module Scrolling、Module Tabset 效果
沒有 lightbox 效果。 

Demo 部分在出大圖後須按上一頁返回，此時 thumbnail 會跑回第一頁。



multibox

Lightbox

slideshow

[Note] 

www.phatfusion.net

可開啟swf、movie、mp3等格式






FrogJS Javascript Gallery


[Note] 

www.puidokas.com 

a different way of showcasing galleries(best used when a page-by-page gallery is needed, as is the case with photo stories)



Galleria [homesite、lightweight gallery]


[Note] 
monc.se



AJAX Image Gallery powered by Slideflow (like Cover Flow)


[Note] 
mediaeventservices.com



JaS gallery


[Note] 
www.robertnyman.com



MooFlow

[Note] 
www.outcut.de

支援 mouse wheel、reflections、UI skinable via CSS



Shadowbox


[Note] 
mjijackson.com

支援 photo resize、thumb gallery、client-side image maps

可開啟 flash、movies、web pages



mooCicle


[Note] 
www.thedeveloperinside.com

類似 slideshow、無縮圖



jqGalViewIII (proof of concept)


[Note] 
benjaminsterling.com



Live Thumbnail


[Note] 
diverged.org 

超級陽春(沒有說明文件、下載點，效果差強人意)






[Note] 



   
minishowcase

[Note] 

minishowcase.frwrd.net 

php/javascript online photo gallery, powered by AJAX

自動製作縮圖


 
Pyxy-gallery

[Note] 

fennecfoxen.org 

AJAX image gallery in PHP and JavaScript



 
zenphoto

[Note] 

www.zenphoto.org 

require PHP 4.10+ with GD support & MySQL 3.23+ 

Automatically generated thumbnails  

Video support for Flash Video 

沒有 lightbox 效果




(E)2 Photo Gallery


[Note] 

www.e2interactive.com

XML Driven, 須 PHP 配合



photo folder


[Note] 
livepipe.net

requires PHP 5+ & GD image library 
縮圖有捲軸做移動






[Note] 




 
AJAX Slide Show


[Note] 

www.google.com


 
Couloir Slideshow

[Note] 
 www.couloir.org

photo slideshow of Flash-like behavior




TripTracker

[Note] 

slideshow.triptracker.net 

JavaScript image viewer with an animated slideshow feature




jQuery Cycle Plugin


[Note] 

www.malsup.com 

slideshow plugin 

多種轉景



FlickrShow - Simple Javascript Slideshows

[Note] 

www.flickrshow.com



Slideshow

[Note] 

www.electricprism.com





Ajax SlideShow


[Note] 
slideshow.webtwo.ws

XML Based Configuration、Flickr.com compatible



slideViewer


[Note] 
www.gcmingati.net

下方圖片張數索引自動生成，無法使用縮圖



noobSlide - mootools


[Note] 
efectorelativo.net
可用縮圖選擇、多種轉景效果







[Note] 







[Note] 





CSS-Based 


A Photograph Gallery Tutorial [Demo1、Demo2、Demo3、Demo4、Demo5]

[Note] 

www.cssplay.co.uk/menu/gallery.html




CSS Image Gallery

[Note] 

www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/



Photo Showcase

[Note] 

mikecherim.com



Hoverbox

[Note] 

sonspring.com



xImgGallery

[Note] 

cross-browser.com



easyAlbum

[Note] 

tjkdesign.com



Highslide JS

[Note] 

vikjavev.no 

﹡Only non-commercial free

可顯示 flash、iframe



ImageGal

[Note] 

dasme.org 

PHP script



Satellite

[Note] 

design.tedforbes.com 

結合 PHP & Yahoo Flickr



Dhonishow

[Note] 

lifedraft.de

inline gallery



DropProof

[Note] 

www.bigfolio.com

PHP tool for simple image proofing

Bug: 大圖一定會顯示在最上方，須自行捲動scrollbar



CSS Photo Shuffler


[Note] 
iamacamera.org






[Note] 







[Note]

Lightbox & Image Gallery
Ajax-Based
www.huddletogether.com [Note] www.HuddleTogether.com 2.0版當 IE 關掉左側我的最愛時，最右側背景會缺一長條塊黑影
JonDesign's SmoothGallery [Note] smoothgallery.jondesign.net Slideshow
Ajax Photo Gallery [Note] www.agilegallery.com Require XML file output by Picasa (須上傳照片到Picasa網站)
Grey Box [Note] orangoo.com display websites, images and other content
Litebox [Note] www.doknowevil.net
Multifaceted Lightbox [Note] www.gregphoto.net
Slightly ThickerBox [Note] www.jasons-toolbox.com 1.7 版測試時，Opera 有 bug，無法顯示圖片。IE 會閃圖後才出現。
Slimbox [Note] www.digitalia.be ready to launch, no waiting for all images loaded temporary hides flashs & videos no use a 1pix transparent gif image & simple CSS (no CSS hacks) not compatible with the old IE5.5
Suckerfish HoverLightbox Redux [Suckerfish HoverLightbox] [Note] mondaybynoon.com
LightWindow [Note] stickmanlabs.com 可顯示Flash、影片檔、外部網頁
Lytebox [Note] Album & Slideshow
iBox [Note] www.ibegin.com 可看影片檔大圖會隨卷軸自行移動，因此大圖若超過瀏覽器外，則無法看見被切掉的部份。
Smoothbox [Note] gueschla.com 大圖會隨卷軸自行移動
YUI Based Lightbox [Note] thecodecentral.com
Imago [Note] codeboje.de 支援 xml 設定、Flickr&Smugmug
photoViewer [Note] nicora.net based on YUI library Easily skinned, auto-centered, slide show, XML files, absolute&relative position
carousel [Note] billwscott.com 支援 Vertical Orientation、Slide Show、Module Scrolling、Module Tabset 效果沒有 lightbox 效果。 Demo 部分在出大圖後須按上一頁返回，此時 thumbnail 會跑回第一頁。
multibox Lightbox slideshow [Note] www.phatfusion.net 可開啟swf、movie、mp3等格式
FrogJS Javascript Gallery [Note] www.puidokas.com a different way of showcasing galleries(best used when a page-by-page gallery is needed, as is the case with photo stories)
Galleria [homesite、lightweight gallery] [Note] monc.se
AJAX Image Gallery powered by Slideflow (like Cover Flow) [Note] mediaeventservices.com
JaS gallery [Note] www.robertnyman.com
MooFlow [Note] www.outcut.de 支援 mouse wheel、reflections、UI skinable via CSS
Shadowbox [Note] mjijackson.com 支援 photo resize、thumb gallery、client-side image maps 可開啟 flash、movies、web pages
mooCicle [Note] www.thedeveloperinside.com 類似 slideshow、無縮圖
jqGalViewIII (proof of concept) [Note] benjaminsterling.com
Live Thumbnail [Note] diverged.org 超級陽春(沒有說明文件、下載點，效果差強人意)
[Note]
minishowcase [Note] minishowcase.frwrd.net php/javascript online photo gallery, powered by AJAX 自動製作縮圖
Pyxy-gallery [Note] fennecfoxen.org AJAX image gallery in PHP and JavaScript
zenphoto [Note] www.zenphoto.org require PHP 4.10+ with GD support & MySQL 3.23+ Automatically generated thumbnails Video support for Flash Video 沒有 lightbox 效果
(E)2 Photo Gallery [Note] www.e2interactive.com XML Driven, 須 PHP 配合
photo folder [Note] livepipe.net requires PHP 5+ & GD image library 縮圖有捲軸做移動
[Note]
AJAX Slide Show [Note] www.google.com
Couloir Slideshow [Note] www.couloir.org photo slideshow of Flash-like behavior
TripTracker [Note] slideshow.triptracker.net JavaScript image viewer with an animated slideshow feature
jQuery Cycle Plugin [Note] www.malsup.com slideshow plugin 多種轉景
FlickrShow - Simple Javascript Slideshows [Note] www.flickrshow.com
Slideshow [Note] www.electricprism.com
Ajax SlideShow [Note] slideshow.webtwo.ws XML Based Configuration、Flickr.com compatible
slideViewer [Note] www.gcmingati.net 下方圖片張數索引自動生成，無法使用縮圖
noobSlide - mootools [Note] efectorelativo.net 可用縮圖選擇、多種轉景效果
[Note]
[Note]
CSS-Based
A Photograph Gallery Tutorial [Demo1、Demo2、Demo3、Demo4、Demo5] [Note] www.cssplay.co.uk/menu/gallery.html
CSS Image Gallery [Note] www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/
Photo Showcase [Note] mikecherim.com
Hoverbox [Note] sonspring.com
xImgGallery [Note] cross-browser.com
easyAlbum [Note] tjkdesign.com
Highslide JS [Note] vikjavev.no ﹡Only non-commercial free 可顯示 flash、iframe
ImageGal [Note] dasme.org PHP script
Satellite [Note] design.tedforbes.com 結合 PHP & Yahoo Flickr
Dhonishow [Note] lifedraft.de inline gallery
DropProof [Note] www.bigfolio.com PHP tool for simple image proofing Bug: 大圖一定會顯示在最上方，須自行捲動scrollbar
CSS Photo Shuffler [Note] iamacamera.org
[Note]
[Note]