did u get any further with this project ? I might have a use for it in a project of mine and would be interested in helping you make progress.
*...( On Jun 25, 3:44 am, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > I sort of made progress, then I tried to hook up the next back buttons. > Then I messed something up...then things started to unravel. > > Now, I am totally confused. I am sure I am writing stuff that is totally > illogical. > > jQuery Programming questions: > What is the best pattern to find the next thumbnail? (it may or may not be a > sibling). I was trying this zoomIndex thing, but I got confused. Plus, I > want to gracefully stop when there are no more next or previous ones. > > What else am I doing dumb? > How did I totally screw up the fade when using next/back? > Why doesn't the fade work right when I scroll down? How can I make it > positioned over the current viewport. I have the dimensions plugin in there > so it SHOULD be easy? I think. Ugh. > > So frustrated. I should give up on this project. > > Glen > > On 6/24/07, weepy <[EMAIL PROTECTED]> wrote: > > > > > oh i see - you're loading them over the thumbnails ( i was right > > clicking and seeing the large file ). > > > one of the main points of thumbnails is that you are not loading the > > whole image (bandwidth) - so really u should only load them when you > > click on them. (or it could be an option) > > > weepy > > > On Jun 24, 4:45 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > > > I thought that this would do the same thing... > > > $("[EMAIL PROTECTED]").each(function(i){ > > > > thumbnail = $(this).children("img"); > > > thumbnail.addClass("smallThumb"); > > > > link = $(this); > > > link.height(thumbnail.height()). > > > width(thumbnail.width()). > > > css("position","relative"); > > > > link.append("<img src='" + link.attr("href") + > > > "' height='" + thumbnail.height() + > > > "' width='" + thumbnail.width() + > > > "' class='bigThumb'>"); > > > > }); > > > > I load the thumbnails first and then this function loads the bigger one > > and > > > sizes it right on top of the thumbnail. > > > Is this not a good method? Im not sure what is best there. > > > > Glen > > > > On 6/24/07, weepy <[EMAIL PROTECTED]> wrote: > > > > > I guess I mean a bit like this plugin : > > > >http://vikjavev.no/highslide/#examples > > > > > - does an ajax load for the image before it zooms. > > > > > On Jun 24, 8:47 am, weepy <[EMAIL PROTECTED]> wrote: > > > > > looking great > > > > > > you need to make it work with thumbnails though otherwise the page > > > > > might take aaages to load with lots of big images > > > > > > weepy :...( > > > > > > On Jun 24, 8:05 am, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > > > > > > > It's inching its way forward. > > > > > > It seems though that the further I take this, the more programming > > is > > > > > > required. > > > > > > All these details. My dream is to have the same syntax as > > prototype's > > > > > > lightbox and be able to say > > > > > > > $(element).EaseBox({ > > > > > > transitionDuration: 1000, > > > > > > easingMethod: method, > > > > > > zoomComple: callbackFunction, > > > > > > maxScreenSize: 0.9, > > > > > > overlayColor: #000000, > > > > > > overLayOpacity: 0.8, > > > > > > > }); > > > > > > > And also control the borders, shadows, etc through CSS. > > > > > > A man has to dream, doesn't he? > > > > > > > Speaking of which, Im going to sleep. > > > > > > > Glen > > > > > > > On 6/23/07, Glen Lipka <[EMAIL PROTECTED]> wrote: > > > > > > > > Working on it. All these little details. > > > > > > > I have to figure out how to position all this stuff. > > > > > > > Especially to make the image zoom to an appropriate size to the > > > > viewport. > > > > > > > Glen > > > > > > > > On 6/23/07, Jörn Zaefferer <[EMAIL PROTECTED]> wrote: > > > > > > > > > Glen Lipka wrote: > > > > > > > > > I had a little bit of free time, so I started an > > > > "easeBox". Like > > > > > > > > > thickbox, but with easing transitions. > > > > > > > > >http://www.commadot.com/jquery/easebox/# > > > > > > > > Cool. I like it already. > > > > > > > > > > I made a list of things I want to do to it on it. > > > > > > > > > Any suggestions to add to the list? > > > > > > > > > Any suggestions of how I could improve the code? > > > > > > > > > I have no idea how to make it into a plugin. > > > > > > > > > > Continuing to work on it, but help is greatly appreciated. > > > > > > > > I like to be able to click somewhere in the document to hide > > any > > > > popups. > > > > > > > > Navigating between images should be possible using the cursor > > > > keys. Any > > > > > > > > other combination (n, p, ",", ";") seems very unintuitive. > > > > > > > > Navigation images should be always in the same place, eg. > > lower > > > > right > > > > > > > > corner. Posititiong them relative to the image is extremely > > > > annoying > > > > > > > > when navigating between images with different sizes. You can't > > > > keep > > > > > > > > clicking but have to target the button again and again. > > > > > > > > Presentation wise a greyed out background and think black and > > > > white > > > > > > > > borders are very nice. Make it look like a picture frame: Grey > > > > > > > > background, think black border (>30px), thin white border > > > > (15-30px). > > > > > > > > D&D and resizable seems to be rather useless as long as you > > can't > > > > open > > > > > > > > more then one image at a time. ... Okay, its currently > > possible > > > > with > > > > > > > > your script, but is that really useful? > > > > > > > > For the gallery stuff I'd like to have one or more callbacks > > when > > > > the > > > > > > > > user opens and closes and cycles between images. That would > > make > > > > it easy > > > > > > > > to add some neat stuff like sounds of a slide projector. > > > > > > > > > For making it a plugin: There still is > > > > > > > >http://docs.jquery.com/Plugins/Authoringavailable. Its not > > really > > > > > > > > up-to-date but still a good reference. Apart from that you can > > > > learn a > > > > > > > > lot by reading other's code. > > > > > > > > > -- > > > > > > > > Jörn Zaefferer > > > > > > > > >http://bassistance.de