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 |
blogspot.com-GA4
星期五, 5月 16, 2008
■ Javascript Technique (轉)
來源:WEB2.0■ Javascript Technique
訂閱:
發佈留言 (Atom)
沒有留言:
發佈留言