I went backwards and messed it all up.
Basically, as was pointed out to me, my code is very procedural.
This sort of thing would benefit greatly from being OOP.
Ben Nadel had volunteered to help me out and plugin-ize it. But he has been
a little busy too.
The proof of concept is there, the problem is just writing good code.
If you can get me started with a OOP framework with psuedo code...I can work
on filling out the functionality.
Not sure how best to proceed.
Glen
On 7/6/07, weepy <[EMAIL PROTECTED]> wrote:
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
