blogspot.com-GA4

星期五, 5月 16, 2008

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

[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 [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.de
inline gallery
DropProof
[Note]
www.bigfolio.com
PHP tool for simple image proofing
Bug: 大圖一定會顯示在最上方,須自行捲動scrollbar
CSS Photo Shuffler
[Note]
iamacamera.org

沒有留言: