Tuesday, September 8, 2009

looking for a lightbox style gallery IN THE PAGE

for a good list of them all:

http://javabyexample.wisdomplug.com/web-programming/47-javascript/85-30-best-jquery-photo-plugins-sliders-slideshow-galleries-and-scrollers.html

WOULD USE smoothgallery but this dosn't allow easily for resizing of images that are different sizes. 
thinking will use galleria and hide the thumbnails since it allows different size images, BUT it dosnt scale them nicely like lightbox does. 

thinking maybe use lightbox without the background being faded BUT it will move around the page= not good... 

maybe can use galleria with easing plugin or something to make the transition between different sized images. smoothgallery is mootools might be a conflict... 

jQuery Cycle?? not as full featured...
http://malsup.com/jquery/cycle/
http://malsup.com/jquery/cycle/more.html?v2.23
http://malsup.com/jquery/cycle/diffsize.html

the coda slider???
http://www.ndoherty.com/demos/coda-slider/1.1.1/#5

this popeye dosnt have the greying effect but only opens ot lef or right
http://dev.herr-schuessler.de/examples/jquery-popeye-1-0/

LINKS FOR EXACTLY WHAT IM AFTER, LIGHTBOX IN A DIV... sortov
a hack...
http://internna.blogspot.com/2008/06/div-lightbox-with-jquery.html
at bottom if using php
http://www.dynamicdrive.com/forums/archive/index.php/t-31255.html


using galleria image sizing forum posts
http://devkick.com/talk/topic/384/dynamic-scaling-of-images/
http://devkick.com/talk/topic/85/resize-image-code-side/
http://devkick.com/talk/topic/59/galleria-with-mixed-landscape-and-portrait-pictures/

actually whoever linked to this has got it figured out basically. vertically it centres, but nt hosizontally... 
http://www.rankinstudio.com/show

when it think about it, as long as they dont want some customised sliding transition, if the images are just width, height auto varied, with margin top and sides auto varied, it should float in the center of the div (like margin: 0 auto 0 auto;). what about margin: auto: does that work on all dirctions to make something float in the centre of a div? if it did then that would be what i use to make a whole site stay centered in the browser window, but i have to use a special 50% thing in css with specific values... so maybe autoing the left and right margins is possible, but not top and bottom.... 

more later, but basically the issues is...
there can be no lightbox style easing transition between different sized images without much work, for a gallery in a div. 
what will suffice is a complete fade out fade in (not crossfade) like seen in galleria... and finding some way to vertically and horizontally centre different sized images in a div with css (but no next image buttons?) 

and maybe galleria not right, just need to innerfade thing... 

actually, dont do anymore work until confirmed the artwork... 


heres a link from smoothgallery for resizing images
http://www.mfgea.com.ar/2009/05/07/resize-de-imagenes-con-smoothgallery/
possibly use the thumbnails resizer script... does that know how to centre...
http://smoothgallery.jondesign.net/forums/viewtopic.php?id=37

this may be the answer...
http://smoothgallery.jondesign.net/forums/viewtopic.php?id=2578
with this
http://phpthumb.gxdlabs.com/

but really, just need to try it with the current smoothgallery, see what happens when different sized images are thrown at it, and then try doing some css-ing to make it vertically centered, maybe learn some php to make it vertically centered, horizontal should be easy... unless auto dosnt work. 
might just need to 'get image height, and make margin top 50% of div height minus image height... '... and reposition it before it shows the image... tricky... 

someone out there must have solved this surely... everyone has portrait and landscape pictures they need to account for, and not everyone want their images aligned to the top, but centered... 
i find it interesting that most galleries except the original lightbox style dont seem to have great options for different sized content...

has anyone made a lightbox in a div??? its s sad i cant find an example after 4 hours, i just want the same funtionality thats already been made for these lightboxes, but in a div instead of a modal popup... 
the ultimate would be if it had a feature like 'modal = true' so if its false, it appears in a div... 

thickbox??