TWed2k - 程式開發討論區 - [整理] lightbox & slideshow

jocosn
白銀驢友

今日心情

．積分： 1386
．精華： 2
．文章： 2945
．收花： 9537 支
．送花： 3671 支
．比例： 0.38
．在線： 1295 小時
．瀏覽： 19041 頁
．註冊： 7452 天
．失蹤： 1454 天

#1 : 2008-5-8 09:52 PM 只看本作者	送花 (0) 送出中...

Lightbox (Image Gallery) & Slideshow
Ajax-Based
■ Lightbox

[Note]
www.HuddleTogether.com
2.0版當 IE 關掉左側我的最愛時，最右側背景會缺一長條塊黑影
配合這個自動產生器→ http://twed2k.org/viewthread.php?tid=220164&highlight=

■ 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 會跑回第一頁。

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

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

■ DropProof

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

■ CSS Photo Shuffler

[Note]
iamacamera.org

*************************
見下面這↓，可存成 mht 單檔格式
http://jocosn.50webs.com/memo/web2_temp_20080508.html

[jocosn 在 2008-5-15 11:19 PM 作了最後編輯]

[如果你喜歡本文章，就按本文章之鮮花～送花給作者吧，你的支持就是別人的動力來源]

本文連接

快速回覆