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
