http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
Hi all,
now when you click a link, a className of "current" is applied (eg: if
you click #6, "current" class is added to that link and removed from
each other link in the list: the first time the gallery loads, the #1
link is assigned a "current" class. Obviously you're watching slide
#1!)
I also found very interesting this line of code wich clearly revelas
the power of jQuery especially to those (like me) who are not
'programmers' with the capital P ;-)
Look:
jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current");
//
wow!
This adds a class to a link being clicked in a list of links, and
removes that class to all links but NOT the one you've clicked on!!
Basically THIS line alone "toggles" the class name in a set of links.
Cool.
Next steps:
Fix the preload in IE7
Pass time and easing function via classname in the original markup
(before jQuery runs). Something like:
<div id="mygallery-in-post18.12.2004" class="bounceinout 1700">
<!--list of images-->
</div>
GC
Rick Faircloth ha scritto:
> Looks great, GC!
>
> One question (or suggestion)...
>
> Could the numbers representing the photos be changed to tiny
> thumbnails so there would be visual reference?
>
> Rick
>
> -----Original Message-----
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
> Behalf Of GianCarlo Mingati
> Sent: Saturday, June 23, 2007 10:59 AM
> To: jQuery (English)
> Subject: [jQuery] Re: ANNOUCE: slideView plugin released
>
>
> Hi,
>
> http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imagesli
> de-plugin.html
>
> the plugin it's ready with some new pictures and a bt of
> 'documentation'
> I suggest to use it with small galleris in a post until i've fixed the
> 'preload' with iE7.
>
> GC
>
> On Jun 21, 5:42 pm, Rey Bango <[EMAIL PROTECTED]> wrote:
> > Ok. Its working now. The image stacking issue I reported earlier is
> > there but the slider now renders correctly.
> >
> > In terms of the images displaying first, I'm wondering if you could
> > initially place the images within a hidden div and then load them into
> > the slider. There was also discussion on here about preloading images. I
> > wonder if that might help.
> >
> > Rey...
> >
> >
> >
> > GianCarloMingati wrote:
> > > Rey, r u sure??
> > > Hit F5.
> > > GC
> >
> > > On Jun 21, 5:03 pm, Rey Bango <[EMAIL PROTECTED]> wrote:
> > >> Its not working any longer. When I hit the page, it just displays all
> of
> > >> the images. I don't see any JS errors being reported.
> >
> > >> Rey
> >
> > >>GianCarloMingati wrote:
> > >>> Hi it is something i noticed too but i don't know how to fix.
> > >>> IE7 and FF/Opera have different ways to behave on DOM ready AND
> > >>> document LOAD.
> > >>> i don't know how to fix it.
> > >>> GC
> > >>> anybody?
> > >>> On Jun 21, 4:26 pm, Rey Bango <[EMAIL PROTECTED]> wrote:
> > >>>> Something that caught my eye when testing it in IE7 is that all of
> the
> > >>>> images initially appear sequentially on the page and then the page
> gets
> > >>>> reformatted into the SlideViewer. Its hard to explain it but I've
> taken
> > >>>> a screen cap of it and attached it to this email. FireFox works fine.
> > >>>> Rey...
> > >>>>GianCarloMingati wrote:
> > >>>>> Hi all.
> > >>>>> After a bit of trials i ended up with this plugin.
> >
> >>>>>http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i..
> .
> > >>>>> Basically it is possible, into any page (blog), to insert an
> unordered
> > >>>>> List of images inside a DIV such as
> > >>>>> <div id="myinstantgallery">
> > >>>>> <ul>
> > >>>>> <li><img alt="abc defrg thysu ooip jkifbtg fff" src="ts/
> > >>>>> 200523419-001.jpg" /></li>
> > >>>>> <li><img alt="abc defrg thysu ooip jkifbtg fff" src="ts/
> > >>>>> 200527363-001.jpg" /></li>
> > >>>>> <li><img alt="abc defrg thysu ooip jkifbtg fff" src="ts/
> > >>>>> 200473460-001.jpg" /></li>
> > >>>>> <!--ecctera-->
> > >>>>> </ul>
> > >>>>> </div>
> > >>>>> and slideView will add another list for commanding the image slide.
> > >>>>> pretty easy and lightweight.
> > >>>>> Note: I am a total newbye so this is my very first plugin!
> > >>>>> Enjoy!
> > >>>>> GC
> > >>>> --
> > >>>> BrightLight Development, LLC.
> > >>>> 954-775-1111 (o)
> > >>>> 954-600-2726 (c)
> > >>>> [EMAIL PROTECTED]://www.iambright.com
> > >>>> slideview.jpg
> > >>>> 45KViewDownload
> > >> --
> > >> BrightLight Development, LLC.
> > >> 954-775-1111 (o)
> > >> 954-600-2726 (c)
> > >> [EMAIL PROTECTED]://www.iambright.com
> >
> > --
> > BrightLight Development, LLC.
> > 954-775-1111 (o)
> > 954-600-2726 (c)
> > [EMAIL PROTECTED]://www.iambright.com
