■ Javascript Technique (轉)

來源:WEB2.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