lightbox & slideshow

edited 十月 2013 in Javascript
Lightbox (Image Gallery) & Slideshow
Ajax-Based
Lightbox
lightbox_huddletogether0.jpg.jpg
[Note]
www.HuddleTogether.com
2.0版當 IE 關掉左側我的最愛時,最右側背景會缺一長條塊黑影
配合這個自動產生器→ LightBox JS Web Gallery Generator
WGdouble.jpg
http://pranas.net/webgallerycreator/


JonDesign's SmoothGallery
lightbox_jondesign.jpg.jpg
[Note]
smoothgallery.jondesign.net
Slideshow

Ajax Photo Gallery
lightbox_agilegallery.jpg.jpg
[Note]
www.agilegallery.com
Require XML file output by Picasa (須上傳照片到Picasa網站)


Grey Box
lightbox_orangoo.jpg.jpg
[Note]
orangoo.com
display websites, images and other content


Litebox
lightbox_doknowevil.jpg.jpg
[Note]
www.doknowevil.net


Multifaceted Lightbox
lightbox_gregphoto.gif
[Note]
www.gregphoto.net[/url]


Slightly ThickerBox
lightbox_jasonstoolbox.jpg.jpg
[Note]
www.jasons-toolbox.com
1.7版測試時,Opera 有 bug,無法顯示圖片。IE 會閃圖後才出現。



Slimbox
lightbox_digitalia.gif
[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 )
lightbox_mondaybynoon.gif
[Note]
mondaybynoon.com


LightWindow
lightbox_stickmanlabs.jpg.jpg
[Note]
stickmanlabs.com
可顯示Flash、影片檔、外部網頁


Lytebox
lightbox_dolem.gif
[Note]
www.dolem.com
Album & Slideshow


iBox
lightbox_ibegin.gif
[Note]
www.ibegin.com
可看影片檔 大圖會隨卷軸自行移動,因此大圖若超過瀏覽器外,則無法看見被切掉的部份。


Smoothbox
lightbox_gueschla.gif
[Note]
gueschla.com
大圖會隨卷軸自行移動


YUI Based Lightbox
lightbox_thecodecentral.gif
[Note]
thecodecentral.com


Imago
lightbox_codeboje.gif
[Note]
codeboje.de
支援 xml 設定、Flickr&Smugmug


photoViewer
lightbox_nicora.jpg.jpg
[Note]
nicora.net
based on YUI library Easily skinned, auto-centered, slide show, XML files, absolute&relative position


carousel
lightbox_billwscott.jpg.jpg
[Note]
billwscott.com
支援 Vertical Orientation、Slide Show、Module Scrolling、Module Tabset 效果沒有 lightbox 效果。
Demo 部分在出大圖後須按上一頁返回,此時 thumbnail 會跑回第一頁。


multiboxLightboxslideshow
lightbox_phatfusion.gif
[Note]
www.phatfusion.net
可開啟swf、movie、mp3等格式


FrogJS Javascript Gallery
lightbox_puidokas.jpg.jpg
[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 )
lightbox_monc.jpg.jpg
[Note]
monc.se


AJAX Image Gallery powered by Slideflow (like Cover Flow)
lightbox_mediaeventservices.gif
[Note]
mediaeventservices.com

JaS gallery
lightbox_robertnyman.gif
[Note]
www.robertnyman.com


MooFlow
lightbox_outcut.jpg.jpg
[Note]
www.outcut.de
支援 mouse wheel、reflections、UI skinable via CSS


Shadowbox
lightbox_mjijackson.jpg.jpg
[Note]
mjijackson.com
支援 photo resize、thumb gallery、client-side image maps可開啟 flash、movies、web pages


mooCicle
lightbox_thedeveloperinside.gif
[Note]
www.thedeveloperinside.com
類似 slideshow、無縮圖


jqGalViewIII (proof of concept)
lightbox_benjaminsterling.gif
[Note]
benjaminsterling.com


Live Thumbnail
lightbox_diverged.jpg.jpg
[Note]
diverged.org
超級陽春(沒有說明文件、下載點,效果差強人意)


minishowcase
lightbox_minishowcase.jpg.jpg
[Note]
minishowcase.frwrd.net
php/javascript online photo gallery, powered by AJAX自動製作縮圖


Pyxy-gallery
lightbox_fennecfoxen.jpg.jpg
[Note]
fennecfoxen.org AJAX image gallery in PHP and JavaScript


zenphoto
lightbox_zenphoto.jpg.jpg
[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
lightbox_e2interactive.gif
[Note]
www.e2interactive.com
XML Driven, 須 PHP 配合


photo folder
lightbox_livepipe.gif
[Note]
livepipe.net
requires PHP 5+ & GD image library 縮圖有捲軸做移動



AJAX Slide Show
lightbox_google.jpg.jpg
[Note]
www.google.com


Couloir Slideshow
lightbox_couloir.jpg.jpg
[Note]
www.couloir.orgphoto
slideshow of Flash-like behavior


TripTracker
lightbox_triptracker.jpg.jpg
[Note]
slideshow.triptracker.net
JavaScript image viewer with an animated slideshow feature


jQuery Cycle Plugin
lightbox_malsup.gif
[Note]
www.malsup.com
slideshow plugin 多種轉景


FlickrShow - Simple Javascript Slideshows
lightbox_flickrshow.gif
[Note]
www.flickrshow.com


Slideshow
lightbox_electricprism.gif
[Note]
www.electricprism.com

Ajax SlideShow
lightbox_webtwo.jpg.jpg
[Note]
slideshow.webtwo.ws
XML Based Configuration、Flickr.com compatible


slideViewer
lightbox_gcmingati.jpg.jpg
[Note]
www.gcmingati.net
下方圖片張數索引自動生成,無法使用縮圖


noobSlide - mootools
lightbox_efectorelativo.jpg.jpg
[Note]
efectorelativo.net
可用縮圖選擇、多種轉景效果


:hert
CSS-Based
A Photograph Gallery Tutorial
Demo1Demo2Demo3Demo4Demo5
css_cssplay.gif
[Note]
www.cssplay.co.uk/menu/gallery.html


CSS Image Gallery
css_dynamicdriveimagegallery.gif
[Note]
www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/


Photo Showcase
css_mikecherim.gif
[Note]
mikecherim.com


Hoverbox
css_sonspring.gif
[Note]
sonspring.com


xImgGallery
css_crossbrowser.gif
[Note]
cross-browser.com


easyAlbum
css_tjkdesign.jpg.jpg
[Note]
tjkdesign.com


Highslide JS
css_vikjavev.gif
[Note]
vikjavev.no
﹡Only non-commercial free可顯示 flash、iframe


ImageGal
css_dasme.gif
[Note]
dasme.org PHP script


Satellite
css_tedforbes.jpg.jpg
[Note]
design.tedforbes.com
結合 PHP & Yahoo Flickr


Dhonishow
css_lifedraft.gif
[Note]
lifedraft.deinline gallery


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


CSS Photo Shuffler
css_iamacamera.jpg.jpg
[Note]
iamacamera.org

*************************

原始討論: http://twpug.net/x/modules/newbb/viewtopic.php?topic_id=3465

評論

Sign In or Register to comment.