2008年4月13日 星期日

Ajax lightbox Memo 1

Lightbox (Image Gallery) & Slideshow
Ajax-Based
Lightbox

[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 & videosno
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]
www.dolem.com
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 會跑回第一頁。


multiboxLightboxslideshow

[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 ( homesitelightweight 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
超級陽春(沒有說明文件、下載點,效果差強人意)


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 縮圖有捲軸做移動



AJAX Slide Show

[Note]
www.google.com


Couloir Slideshow

[Note]
www.couloir.orgphoto
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可用縮圖選擇、多種轉景效果



----------------------------------------
CSS-Based
A Photograph Gallery Tutorial
Demo1Demo2Demo3Demo4Demo5

[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.deinline gallery


DropProof

[Note]
www.bigfolio.com
PHP tool for simple image proofing
Bug: 大圖一定會顯示在最上方,須自行捲動scrollbar


CSS Photo Shuffler

[Note]
iamacamera.org