Basic stuff

image:"beach_aksoy.jpg", caption:"Most basic. Not in a group"
image:"beach_aksoy.jpg", caption:"Most basic. In a group", group:"one"
image:"bridge_nulus.jpg", caption:"Link inside caption area.", linktext:"Open image", group:"one"
image:"icecube_konr4d.jpg", caption:"Doesn't copy title into fancybox.", title:"", group:"one"
image:"compass_digital_a.jpg", caption:"Use different title text inside fancybox.", title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at elit at ipsum eleifend tincidunt. Duis fringilla dignissim eleifend. Vestibulum metus libero, malesuada eget consequat et, rhoncus in magna. Quisque sed augue mi, vel tempor risus. Donec quam felis, sodales quis auctor vel, sodales a purus. Nam ac neque velit, nec adipiscing nibh. Curabitur sit amet libero mauris. Duis tempus, sapien sit amet consequat cursus, turpis lacus sagittis felis, ut adipiscing leo quam sit amet nisl. Nam in nulla mauris. Nulla mi quam, vulputate quis consectetur sed, laoreet eu quam.", group:"one"
image:"dog_Koshakas.jpg", caption:"Open custom url inside fancybox ( iFrame )", url:"http://www.google.com/imghp?hl=en&tab=wi"
image:"cafeteria_dolar.jpg", caption:"Open image without fancybox.", fancybox:"false"
image:"water_MsDotty.jpg", caption:"Open url without fancybox.", fancybox:"false", url:"http://www.google.com/imghp?hl=en&tab=wi/"
image:"colors_urbanlane.jpg", caption:"No link at all.", url:""

Effects

image:"building_optica.jpg", caption:"Effect: slide-right", effect:"slide-right", group:"two"
image:"bunny_mouse.jpg", caption:"Effect: slide-right-left", effect:"slide-right-left", group:"two"
image:"corridor_darkwater.jpg", caption:"Effect: slide-left", effect:"slide-left", group:"two"
image:"enchforest_aksoy.jpg", caption:"Effect: slide-left-right", effect:"slide-left-right", group:"two"
image:"forest_aksoy.jpg", caption:"Effect: top-slide", effect:"top-slide", group:"two"
image:"forest_mailsparky.jpg", caption:"Effect: fade", effect:"fade", group:"two"
image:"grass_gobran111.jpg", caption:"Effect: puff", effect:"puff", group:"two"
image:"greenref_dinny.jpg", caption:"Effect: clip", effect:"clip", group:"two"
image:"help_ugaldew.jpg", caption:"Effect: scale", effect:"scale", group:"two"
image:"hill_alitaylor.jpg", caption:"Effect: drop", effect:"drop", group:"two"
image:"hill_alitaylor.jpg", caption:"Effect: show", effect:"show", group:"two"
image:"hulk_matchstick.jpg", caption:"Effect: normal", effect:"normal", group:"two"
image:"roadside_mancity.jpg", caption:"Effect: tooltip", effect:"tooltip", group:"two"
image:"keyboard_thesaint.jpg", caption:"Effect: just-show", effect:"just-show", group:"two"

Syles

image:"lemon_woodsy.jpg", caption:"Style: shadow", style:"shadow", group:"three"
image:"lights_duchesssa.jpg", caption:"Style: border", style:"border", group:"three"
image:"lime_matchstick.jpg", caption:"Style: top", style:"top", group:"three"
image:"lounge_LotusHead.jpg", caption:"Style: full-height", style:"full-height", group:"three"
image:"seastar_jan-willem.jpg", caption:"Style: top-radius", style:"top-radius", group:"three"
image:"coffeecup_pixelbox.jpg", caption:"Style: bottom-radius", style:"bottom-radius", group:"three"
image:"overpass_samplediz.jpg", caption:"Style: text-center", style:"text-center", group:"three"
image:"owl_kodo34.jpg", caption:"Style: text-right", style:"text-right", group:"three"
image:"pangong_martinl.jpg", caption:"Style: drop-img", style:"drop-img", group:"three"
image:"tree_ugaldew.jpg", caption:"Style: left- side-full", style:"left-side-full", group:"three"
image:"tree_ugaldew.jpg", caption:"Style: right- side-full", style:"right-side-full", group:"three"
image:"river_lynnc.jpg", caption:"Style: not-bold", style:"not-bold", group:"three"
image:"dirt_kovik.jpg", caption:"Style: smaller-font", style:"smaller-font", group:"three"
image:"ship_germain6.jpg", caption:"Style: bigger-font", style:"bigger-font", group:"three"
image:"ship_germain6.jpg", caption:"Style: no-scroll Style: no-scroll Style: no-scroll Style: no-scroll Style: no-scroll Style: no-scroll Style: no-scroll Style: no-scroll Style: no-scroll Style: no-scroll ", style:"no-scroll", group:"three"
image:"corridor_darkwater.jpg", caption:"Style: cont-width-left", style:"cont-width-left", group:"three"
image:"corridor_darkwater.jpg", caption:"Style: cont-width-right", style:"cont-width-right", group:"three"
image:"icecube_konr4d.jpg", caption:"Style: top-gap", style:"top-gap", effect:"top-slide", group:"three"
image:"icecube_konr4d.jpg", caption:"Style: bottom-gap", style:"bottom-gap", group:"three"
image:"notepen_christgr.jpg", caption:"Style: rounded", style:"rounded", group:"three"

Overlays

image:"sky_a_glitch.jpg", caption:"Overlay: blue", overlay:"blue", group:"four"
image:"sun_qute.jpg", caption:"Overlay: dark-blue", overlay:"dark-blue", group:"four"
image:"sunflower_a_glitch.jpg", caption:"Overlay: green", overlay:"green", group:"four"
image:"sunflower_lynnc.jpg", caption:"Overlay: dark-green", overlay:"dark-green", group:"four"
image:"sunset_brokenarts.jpg", caption:"Overlay: pink", overlay:"pink", group:"four"
image:"suzhou_garytamin.jpg", caption:"Overlay: red", overlay:"red", group:"four"
image:"tiger_yenhoon.jpg", caption:"Overlay: dark-red", overlay:"dark-red", group:"four"
image:"reflection_alitaylor.jpg", caption:"Overlay: wine-red", overlay:"wine-red", group:"four"
image:"trees_a_glitch.jpg", caption:"Overlay: orange", overlay:"orange", group:"four"
image:"water_vxdigital.jpg", caption:"Overlay: brown", overlay:"brown", group:"four"
image:"road_styf22.jpg", caption:"Overlay: yellow", overlay:"yellow", group:"four"
image:"trees_techny57.jpg", caption:"Overlay: dark-yellow", overlay:"dark-yellow", group:"four"
image:"mountain2_sundstrom.jpg", caption:"Overlay: purple", overlay:"purple", group:"four"
image:"dirt_kovik.jpg", caption:"Overlay: white", overlay:"white", group:"four"
image:"books_gabetarian.jpg", caption:"Overlay: o-blue", overlay:"o-blue", group:"four"
image:"colors_hovard.jpg", caption:"Overlay: o-dark-blue", overlay:"o-dark-blue", group:"four"
image:"books_algiamil.jpg", caption:"Overlay: o-green", overlay:"o-green", group:"four"
image:"windturbines_SteveFE.jpg", caption:"Overlay: o-dark-green", overlay:"o-dark-green", group:"four"
image:"snowboarder_shortsands.jpg", caption:"Overlay: o-pink", overlay:"o-pink", group:"four"
image:"wavy_jana_koll.jpg", caption:"Overlay: o-red", overlay:"o-red", group:"four"
image:"flower_mordoc.jpg", caption:"Overlay: o-dark-red", overlay:"o-dark-red", group:"four"
image:"notepen_iprole.jpg", caption:"Overlay: o-wine-red", overlay:"o-wine-red", group:"four"
image:"woodtexture_kovik.jpg", caption:"Overlay: o-orange", overlay:"o-orange", group:"four"
image:"time_iotdfi.jpg", caption:"Overlay: o-brown", overlay:"o-brown", group:"four"
image:"chill_lynnc.jpg", caption:"Overlay: o-yellow", overlay:"o-yellow", group:"four"
image:"seasky_winterdove.jpg", caption:"Overlay: o-dark-yellow", overlay:"o-dark-yellow", group:"four"
image:"tree_raichinger.jpg", caption:"Overlay: o-purple", overlay:"o-purple", group:"four"
image:"water_pautina.jpg", caption:"Overlay: o-white", overlay:"o-white", group:"four"
image:"mountain_sundstrom.jpg", caption:"Overlay: o-black", overlay:"o-black", group:"four"

Various combinations ( just a few )

image:"water_MsDotty.jpg", caption:"",style:"full-height", effect:"fade", overlay:"green"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"smaller-font not-bold cont-width-left shadow", effect:"top-slide", overlay:"blue"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"smaller-font not-bold cont-width-right shadow", effect:"top-slide", overlay:"black"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"smaller-font not-bold cont-width-right shadow top", effect:"show", overlay:"black", linktext:"Open image"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"not-bold bottom-gap border", effect:"puff", overlay:"o-orange"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"smaller-font not-bold text-center shadow", effect:"top-slide", overlay:"green"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"smaller-font not-bold text-right shadow", effect:"slide-right", overlay:"o-white"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"smaller-font not-bold text-center shadow", overlay:"dark-red", url:""
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"smaller-font not-bold shadow rounded", overlay:"o-white", effect:"tooltip"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"bigger-font text-center shadow", effect:"puff", overlay:"o-black", linktext:"Open image"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"full-height", effect:"show", group:"three"
image:"water_MsDotty.jpg", caption:"Lorem ipsum...", style:"full-height drop-img", overlay:"o-black", group:"three"

Advanced

image:"stairs_txutowski.jpg", caption:"<img class='auto' src='sic/thumbs/sunflower2_a_glitch.jpg' />", style:"shadow", overlay:"dark-blue", effect:"tooltip"
image:"bunny_Koshakas.jpg", caption:"<h1>Tittle</h1> inside caption"
image:"room_betacam.jpg", caption:"Multiple links inside caption.. <a href='http://www.google.com/imghp?hl=en&tab=wi'>WHY?</a> Well, <a href='http://www.google.com/imghp?hl=en&tab=wi'>because we can</a> ", url:""
image:"windturbinesBW_SteveFE.jpg", caption:"<img src='sic/thumbs/windturbinesBW2_SteveFE.jpg' />", effect:"fade"
image:"windturbinesBW2_SteveFE.jpg", caption:"<img src='sic/thumbs/windturbinesBW_SteveFE.jpg' />", effect:"fade"
image:"bunny_Koshakas.jpg", caption:"<img src='sic/thumbs/bunny_Koshakas-2.jpg' />", effect:"fade"
image:"bunny_Koshakas-2.jpg", caption:"<img src='sic/thumbs/bunny_Koshakas.jpg' />", effect:"fade"
image:"writing_arinas74.jpg", caption:"<img src='sic/thumbs/reflection_alitaylor.jpg' />"
image:"trees_ecahal.jpg", caption:"<img class='auto' src='sic/thumbs/sunset_brokenarts.jpg' />"
image:"wavy_jana_koll.jpg", caption:"<img class='auto' src='sic/thumbs/demoBarTop.png' />", effect:"top-slide", style:"cont-width-right"
image:"wavy_jana_koll.jpg", caption:"<img class='auto' src='sic/thumbs/demoBarRight.png' />", effect:"fade", style:"cont-width-right top"
image:"wavy_jana_koll.jpg", caption:"<img class='auto' src='sic/thumbs/demoBarBottom.png' />", style:"cont-width-right"
image:"wavy_jana_koll.jpg", caption:"<img class='auto' src='sic/thumbs/demoBarLeft.png' />", effect:"puff"
image:"bunny_Koshakas.jpg", caption:"<img class='auto' src='sic/thumbs/demoTextBox.png' />", effect:"tooltip"

Info buttons - These were primarily designed to be used with single images or in situations where it isnt clear that hovering over image will do something.

image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-magnify"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-i"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-mouse"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-magnify-white"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-i-white"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-mouse-white"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-magnify-left"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-i-left"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-mouse-left"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-magnify-white-left"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-i-white-left"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-mouse-white-left"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-magnify-top"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-i-top"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-mouse-top"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-magnify-white-top"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-i-white-top"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-mouse-white-top"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-magnify-bottom", effect:"top-slide"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-i-bottom", effect:"top-slide"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-mouse-bottom", effect:"top-slide"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-magnify-white-bottom", effect:"top-slide"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-i-white-bottom", effect:"top-slide"
image:"beach_aksoy.jpg", caption:"No customizing values", overlay:"blue", info:"info-mouse-white-bottom", effect:"top-slide"

Image load styles ( when image loads .SIC frame will be shown with a specific style Default style is fadein )

image:"beach_aksoy.jpg", caption:"Image area is shown by sliding it down."
image:"beach_aksoy.jpg", caption:"Image area is shown by sliding and fading at the same time."
image:"beach_aksoy.jpg", caption:"Image area is shown just like it normally would be, without any effect."
Image load styles grouping
image:"beach_aksoy.jpg", caption:"Image area is shown by sliding it down. Grouping."
image:"beach_aksoy.jpg", caption:"Image area is shown by sliding it down. Grouping."
image:"beach_aksoy.jpg", caption:"Image area is shown by sliding and fading at the same time. Grouping."
image:"beach_aksoy.jpg", caption:"Image area is shown by sliding and fading at the same time. Grouping."
image:"beach_aksoy.jpg", caption:"Image area is shown just like it normally would be, without any effect. Grouping."
image:"beach_aksoy.jpg", caption:"Image area is shown just like it normally would be, without any effect. Grouping."
We do not claim any rights of the demo images around the website. ( not even for the ones that are edited ) Images were acquired from www.sxc.hu Image author names are written last in the image name for example "wavy_jana_koll.jpg" in this case jana_koll is the username.