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
