[jQuery] Re: [Cycle Plugin]

[Mike Alsup]

> The documentation says that the before and after callback methods are
> passed three arguments:
> 1. the DOM element for the slide that is being transitioned in (same
> as this)
> 2. the DOM element for the slide that is being transitioned out
> 3. the options object
>
> my guess is that should help, but it's not too well documented how
> this works or what a code example of this would be.

The before and after callbacks are actually passed a 4th argument
which is a boolean flag.  The value is true when the slideshow is
navigating forward and false when navigating backward.

[jQuery] Re: [Cycle Plugin]

[bart]

On Jan 29, 3:44 am, Mike Alsup  wrote:
> > The documentation says that the before and after callback methods are
> > passed three arguments:
> > 1. the DOM element for the slide that is being transitioned in (same
> > as this)
> > 2. the DOM element for the slide that is being transitioned out
> > 3. the options object
>
> > my guess is that should help, but it's not too well documented how
> > this works or what a code example of this would be.
>
> The before and after callbacks are actually passed a 4th argument
> which is a boolean flag.  The value is true when the slideshow is
> navigating forward and false when navigating backward.

Mike, thanks for your reply :) It's not clear to me how I would check
on this value. Below is my new code, how would I actually code the
"{booleanflag?!}" part?

//init vars
var initcount = 0;
var imgcount = $('div#imgcontainer img').size();

//callback function
function onAfter()
{
if({booleanflag?!})
{
initcount++;
if(initcount>imgcount) { initcount = 1; }
}
else
{
initcount--;
if(initcount<1) { initcount = imgcount; }
}

$('div#controls span').html(initcount+'/'+imgcount);
}

[jQuery] Re: [Cycle Plugin]

[Mike Alsup]

> Mike, thanks for your reply :) It's not clear to me how I would check
> on this value. Below is my new code, how would I actually code the
> "{booleanflag?!}" part?
>
> //init vars
> var initcount = 0;
> var imgcount = $('div#imgcontainer img').size();
>
> //callback function
> function onAfter()
> {
>         if({booleanflag?!})
>         {
>                 initcount++;
>                 if(initcount>imgcount) { initcount = 1; }
>         }
>         else
>         {
>                 initcount--;
>                 if(initcount<1) { initcount = imgcount; }
>         }
>
>         $('div#controls span').html(initcount+'/'+imgcount);
>
> }
>

You need to declare the function parameters that Cycle passes to your
callback:

function onAfter(currElement, nextElement, options, isForward) {
if (isForward) {
// ...
}
else {
// ...
}
}

[jQuery] Re: [Cycle Plugin]

[bart]

Thanks for all your help Mike, it's working now!

Might I suggest that you put this code example on your site where you
actually mention the callbacks? It would've done the trick for me if
it was there when I first read it :) Might be stating the obvious but
it certainly wouldn't hurt people who are not too well known in JS.

Thanks again!

[jQuery] Re: cycle plugin

[Mike Alsup]

> I am a newbie using the cycle plug-in to (manually) scroll through
> images.  I want to prevent going from the last image forward to the
> first (or first back to last) and disable the controls that do this.
> I presume I need to use autostop and/or autostopCount but can't figure
> out how.  Any help much appreciated.

Here are some examples:

http://www.malsup.com/jquery/cycle/after.html
http://www.malsup.com/jquery/cycle/nowrap.html

[jQuery] Re: Cycle Plugin

[Mike Alsup]

Mitch,

You can use the "before" callback to do interesting things like that.
In fact I do something very similar on the callbacks example:

http://www.malsup.com/jquery/cycle/int2.html

Mike


On 8/26/07, Mitchell Waite <[EMAIL PROTECTED]> wrote:
>
>
>
>
> I'm using the cycle plug in and I was wondering if anyone knew a way to
> access the file name and display it with the image.
>
>
>
> If this can't be done I have worked myself into a nice hole J
>
>
>
> Thanks
>
>
>
> Mitch
>
>

[jQuery] Re: Cycle Plugin

[Mitchell Waite]

Mike

I must have missed that the last time I check the cycle demo pages. It's 
PERFECT. I love the way it reads the ALT= text and then can output it to a div.

The one thing I could not figure out is how do you get the very first image to 
show a title. 

When you run cycle it does not add the title until it displays the SECOND 
image. Any thoughts?

Again massively excellent plugin Mike.

Mitch

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mike 
Alsup
Sent: Sunday, August 26, 2007 5:08 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Cycle Plugin


Mitch,

You can use the "before" callback to do interesting things like that.
In fact I do something very similar on the callbacks example:

http://www.malsup.com/jquery/cycle/int2.html

Mike


On 8/26/07, Mitchell Waite <[EMAIL PROTECTED]> wrote:
>
>
>
>
> I'm using the cycle plug in and I was wondering if anyone knew a way to
> access the file name and display it with the image.
>
>
>
> If this can't be done I have worked myself into a nice hole J
>
>
>
> Thanks
>
>
>
> Mitch
>
>

[jQuery] Re: Cycle Plugin

[Mike Alsup]

Mitch,

You'd have to do the first one by hand (for now).  For example, if
your slideshow div has an id of "slideshow" and your before handler is
"onBefore" you could add this to you doc-ready block:

onBefore.apply($('#slideshow img:first')[0]);

Mike


On 8/26/07, Mitchell Waite <[EMAIL PROTECTED]> wrote:
>
> Mike
>
> I must have missed that the last time I check the cycle demo pages. It's 
> PERFECT. I love the way it reads the ALT= text and then can output it to a 
> div.
>
> The one thing I could not figure out is how do you get the very first image 
> to show a title.
>
> When you run cycle it does not add the title until it displays the SECOND 
> image. Any thoughts?
>
> Again massively excellent plugin Mike.
>
> Mitch
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mike 
> Alsup
> Sent: Sunday, August 26, 2007 5:08 PM
> To: jquery-en@googlegroups.com
> Subject: [jQuery] Re: Cycle Plugin
>
>
> Mitch,
>
> You can use the "before" callback to do interesting things like that.
> In fact I do something very similar on the callbacks example:
>
> http://www.malsup.com/jquery/cycle/int2.html
>
> Mike
>
>
> On 8/26/07, Mitchell Waite <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> >
> > I'm using the cycle plug in and I was wondering if anyone knew a way to
> > access the file name and display it with the image.
> >
> >
> >
> > If this can't be done I have worked myself into a nice hole J
> >
> >
> >
> > Thanks
> >
> >
> >
> > Mitch
> >
> >
>
>

[jQuery] Re: Cycle plugin help

[Mike Alsup]

Jason,

The easiest way to achieve this is probably adding another div:


  


  


And then style it like this:

#slideshow { width: 145px; height: 72px; margin: 0 77px;  }

Mike


On 10/23/07, Jason <[EMAIL PROTECTED]> wrote:
>
> I've just begun to work with jQuery.  My first widget is a simple
> scrolling div of images (logos in my case).  I'd like for each of the
> images to scroll in, pause and scroll out.  The Cycle plugin does that
> out of the box but I have one other request.  The container div of the
> images is wider than the images.  When the images scroll in, they
> always stop at the left edge (I'm using scrollLeft).  I would like for
> them to pause in the center of the container div and proceed on.  I
> see I have several parameters I can change relating to CSS, and
> therefore positioning, but it appears none  of them are valid for the
> time when the image pauses.  Can anyone shed some light?   Ultimately,
> I'd like something that is XHTML 1.1 Strict valid as well.
>
> 
> 
> 
> $(document).ready(function(){
> $('#partners').cycle({
> fx: 'scrollLeft',
> });
> });
> 
>
> 
>   http://foo.com";> width="145" height="72" />
>   http://bar.com";> width="145" height="72" />
> 
>
> I apologize if I sent this to the wrong group. 
>
>

[jQuery] Re: Cycle plugin help

[Jason]

Thank you for the reply.  That's how I have it setup now but the
scrolling image disappears at the edge of the inner div.  I'd like for
it to scroll "off the page" so-to-speak. Maybe there is another
javascript widget that would fulfill that's better suited for this
scenario?

On Oct 24, 5:32 am, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> Jason,
>
> The easiest way to achieve this is probably adding another div:
>
> 
>   
> 
> 
>   
> 
>
> And then style it like this:
>
> #slideshow { width: 145px; height: 72px; margin: 0 77px;  }
>
> Mike
>
> On 10/23/07, Jason <[EMAIL PROTECTED]> wrote:
>
>
>
> > I've just begun to work with jQuery.  My first widget is a simple
> > scrolling div of images (logos in my case).  I'd like for each of the
> > images to scroll in, pause and scroll out.  The Cycle plugin does that
> > out of the box but I have one other request.  The container div of the
> > images is wider than the images.  When the images scroll in, they
> > always stop at the left edge (I'm using scrollLeft).  I would like for
> > them to pause in the center of the container div and proceed on.  I
> > see I have several parameters I can change relating to CSS, and
> > therefore positioning, but it appears none  of them are valid for the
> > time when the image pauses.  Can anyone shed some light?   Ultimately,
> > I'd like something that is XHTML 1.1 Strict valid as well.
>
> > 
> > 
> > 
> > $(document).ready(function(){
> > $('#partners').cycle({
> > fx: 'scrollLeft',
> > });
> > });
> > 
>
> > 
> >   http://foo.com";> > width="145" height="72" />
> >   http://bar.com";> > width="145" height="72" />
> > 
>
> > I apologize if I sent this to the wrong group. 

[jQuery] Re: Cycle plugin help

[Mike Alsup]

On 10/24/07, Jason <[EMAIL PROTECTED]> wrote:
>
> Thank you for the reply.  That's how I have it setup now but the
> scrolling image disappears at the edge of the inner div.  I'd like for
> it to scroll "off the page" so-to-speak.


I see what you want now.  Here's a way to do it with a custom transition:






// define custom transition
jQuery.fn.cycle.transitions.wideScroll= function($cont, $slides, opts) {
var w = $cont.width();
var elW = $slides[0].offsetWidth;
$cont.css('overflow','hidden');
opts.before.push(function(curr, next, opts) {
jQuery(this).show();
opts.cssBefore.left = w;
opts.animOut.left = 0-elW;
});
opts.cssFirst = { left: (w-elW)/2, top: 0 };
opts.animIn   = { left: (w-elW)/2 };
};

$(function() {
$('#partners').cycle({
fx: 'wideScroll',
delay: -2000
});

});


#partners { border: 3px solid #faa; width: 300px; height: 72px; }

[jQuery] Re: Cycle Plugin Question

[Mike Alsup]

> I'm working on a "before" callback function and I'd like to access the
> current slide index. I'd like to know what slide "number" is coming
> up. As the new slide is called, I want to add a class to the
> corresponding pager element so it appears "active." Make sense?

The Cycle Plugin does this for you.  The active pager element will
have an "activeSlide" class assigned to it.  If you want to roll your
own then you can get the index like this:

function onBefore() {
var index = $(this).index();
// update controls...
}

Mike

[jQuery] Re: Cycle Plugin Question

[kwsath]

> The Cycle Plugin does this for you.  The active pager element will
> have an "activeSlide" class assigned to it.  If you want to roll your
> own then you can get the index like this:
>
> function onBefore() {
>     var index = $(this).index();
>     // update controls...
>
> }
>
> Mike

Thanks for the reply Mike. The "activeSlide" class is great to know.

I'm still having trouble accessing the index in my own function. I
tried the above code before posting here and get -1 indicating there
is no match.

If I look at the contents of "this" it appears to be the current
slide. Yet if I try to get the contents of a div with class "label"
which is found in the current slide it doesn't work. Such as: var
labelText = $(this).filter(".label").text(); I'm just a little
confused as to what I'm actually dealing with when I use "this." For
instance if I check $("#feature-player").index(this); I get nothing
(feature-player being the id of the wrapper for the whole slideshow).
But if I check $("*").index(this) I do get numbers returned. But the
numbers aren't useful unless I know what the context of the indexing
is. Maybe I'm missing something simple here. Any help would be
appreciated.

What I'm trying to do is access a label for each slide. I currently
have the label inside each slide div. So however I can access this
would be great. But as I've described above - both solutions I can
think of don't seem to be working.

Again - thanks so much for your response. I appreciate you sharing
your knowledge.

[jQuery] Re: Cycle Plugin Question

[Mike Alsup]

Oops, sorry about that.  Try this inside the 'before' callback:

var index = $(this).parent().children().index(this);

Mike



On Jan 8, 2008 2:49 PM, kwsath <[EMAIL PROTECTED]> wrote:
>
>
> > The Cycle Plugin does this for you. The active pager element will
> > have an "activeSlide" class assigned to it. If you want to roll your
> > own then you can get the index like this:
> >
> > function onBefore() {
> > var index = $(this).index();
> > // update controls...
> >
> > }
> >
> > Mike
>
> Thanks for the reply Mike. The "activeSlide" class is great to know.
>
> I'm still having trouble accessing the index in my own function. I
> tried the above code before posting here and get -1 indicating there
> is no match.
>
> If I look at the contents of "this" it appears to be the current
> slide. Yet if I try to get the contents of a div with class "label"
> which is found in the current slide it doesn't work. Such as: var
> labelText = $(this).filter(".label").text(); I'm just a little
> confused as to what I'm actually dealing with when I use "this." For
> instance if I check $("#feature-player").index(this); I get nothing
> (feature-player being the id of the wrapper for the whole slideshow).
> But if I check $("*").index(this) I do get numbers returned. But the
> numbers aren't useful unless I know what the context of the indexing
> is. Maybe I'm missing something simple here. Any help would be
> appreciated.
>
> What I'm trying to do is access a label for each slide. I currently
> have the label inside each slide div. So however I can access this
> would be great. But as I've described above - both solutions I can
> think of don't seem to be working.
>
> Again - thanks so much for your response. I appreciate you sharing
> your knowledge.
>

[jQuery] Re: Cycle Plugin Question

[kwsath]

Mike,

I figured out a solution. I just needed to create the proper scope to
index in.

index = $(".spot div").index(this); where ".spot" is a container for
the slides and each slide is in a div.

Thanks.

[jQuery] Re: Cycle plugin + position:absolute

[Mike Alsup]

> I'm trying out the malsup's cycle plugin and really like it. It seems
> to interfere with my formatting though. My demo is 
> athttp://vocabforbreakfast.railsplayground.net/jqfade/.
>
> How can I center the div with the images when the cycle plugin sets
> the position property to absolute?

Cycle does not set the position of the slide container to absolute.
It sets it to relative.  If you give that container a width and a
margin of auto you can get the centering you want.

.pics {
width: 600px;
margin: auto
}

[jQuery] Re: Cycle plugin questions

[Mike Alsup]

> Using the (awesome) Cycle plugin all over the place, and I have a
> question: in the uncompressed code file [1], a comment says that the
> second argument to .cycle() can be "the name of an fx (only used in
> conjunction with a numeric value for 'options')".  I've tried this (to
> trigger a manual transition to a specific slide, with a specific
> transition effect), and the second argument doesn't appear to have any
> effect; the transition defined in the original options is always used.
>
> Is the comment wrong, and what I'm trying to do currently not
> possible?  Or am I doing something wrong?


The comment is correct.  Here's a demo of how it can be used:

http://www.malsup.com/jquery/cycle/goto4.html

[jQuery] Re: Cycle plugin questions

[KathyW]

On Mar 25, 5:26 am, Carl Meyer  wrote:
> Using the (awesome) Cycle plugin all over the place, and I have a
> question: in the uncompressed code file [1], a comment says that the
> second argument to .cycle() can be "the name of an fx (only used in
> conjunction with a numeric value for 'options')".

It's all covered here:
http://www.malsup.com/jquery/cycle/

And you might find a demo of exactly the effect you want here:
http://www.malsup.com/jquery/cycle/more.html?v2.23

KathyW.

[jQuery] Re: cycle plugin issue

[Mike Alsup]

> $('#slideshow').cycle({
>             fx: 'scrollHorz',
>             timeout:  0,
>             speed:    1000,
>            prev:    '#prev2',
>             next:    '#next2',
>                         easingIn        : 'easeOutCubic',
>              easingOut       : 'easeInBack'


The option names are 'easeIn' and 'easeOut'.

[jQuery] Re: cycle plugin problem

[Mike Alsup]

Diego, can you post a link?


>  I have not been able to use the cycle plugin and it's driving me
>  insane.
>
>  The error message (in firebug):
>  this.domManip is not a function

[jQuery] Re: cycle plugin problem

[Diego A.]

Hi Mike,

Thank you so much for your prompt reply. Here is the link:
http://thewayfarers.com.temp.ourhelmcp.com/

The site is in its earliest stages of development so please ignore the
mess. The slideshow in question is on the bottomr right hand corner of
the frontpage and here is the code I used to start it:

// Cycle
$('#slideshow').cycle({ fx: 'fade' });

PS.: If you're wondering, the rather large @.js file is a compilation
of jQuery + plugins + my own code, uncompressed and with all comments,
which I use during development. I had the same problem with the
'packed' version...

PPS.: Using jQuery 1.2.3 Rev 4663

PPPS.: There's no hurry so don't put yourself out...

On Mar 4, 2:19 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> Diego, can you post a link?
>
>
>
>
>
> >  I have not been able to use the cycle plugin and it's driving me
> >  insane.
>
> >  The error message (in firebug):
> >  this.domManip is not a function

[jQuery] Re: cycle plugin problem

[Mike Alsup]

It looks like you've got competing versions of the metadata plugin
loaded.  The current one, and then later in the file some sort of
ancient one under the comment:

// MODIFIER FOR METADATA PLUGIN

Cycle is borking because the call to retrieve metadata is returning a
full jQuery object.

Mike



On Tue, Mar 4, 2008 at 9:49 AM, Diego A. <[EMAIL PROTECTED]> wrote:
>
>  Hi Mike,
>
>  Thank you so much for your prompt reply. Here is the link:
>  http://thewayfarers.com.temp.ourhelmcp.com/
>
>  The site is in its earliest stages of development so please ignore the
>  mess. The slideshow in question is on the bottomr right hand corner of
>  the frontpage and here is the code I used to start it:
>
>  // Cycle
>  $('#slideshow').cycle({ fx: 'fade' });
>
>  PS.: If you're wondering, the rather large @.js file is a compilation
>  of jQuery + plugins + my own code, uncompressed and with all comments,
>  which I use during development. I had the same problem with the
>  'packed' version...
>
>  PPS.: Using jQuery 1.2.3 Rev 4663
>
>  PPPS.: There's no hurry so don't put yourself out...
>
>
>
>  On Mar 4, 2:19 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
>  > Diego, can you post a link?
>  >
>  >
>  >
>  >
>  >
>  > >  I have not been able to use the cycle plugin and it's driving me
>  > >  insane.
>  >
>  > >  The error message (in firebug):
>  > >  this.domManip is not a function
>

[jQuery] Re: cycle plugin problem

[Diego A.]

AH! I'll be able to sort it out from here...
THANK YOU!

On Mar 4, 3:11 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> It looks like you've got competing versions of the metadata plugin
> loaded.  The current one, and then later in the file some sort of
> ancient one under the comment:
>
> // MODIFIER FOR METADATA PLUGIN
>
> Cycle is borking because the call to retrieve metadata is returning a
> full jQuery object.
>
> Mike
>
> On Tue, Mar 4, 2008 at 9:49 AM, Diego A. <[EMAIL PROTECTED]> wrote:
>
> >  Hi Mike,
>
> >  Thank you so much for your prompt reply. Here is the link:
> >  http://thewayfarers.com.temp.ourhelmcp.com/
>
> >  The site is in its earliest stages of development so please ignore the
> >  mess. The slideshow in question is on the bottomr right hand corner of
> >  the frontpage and here is the code I used to start it:
>
> >  // Cycle
> >  $('#slideshow').cycle({ fx: 'fade' });
>
> >  PS.: If you're wondering, the rather large @.js file is a compilation
> >  of jQuery + plugins + my own code, uncompressed and with all comments,
> >  which I use during development. I had the same problem with the
> >  'packed' version...
>
> >  PPS.: Using jQuery 1.2.3 Rev 4663
>
> >  PPPS.: There's no hurry so don't put yourself out...
>
> >  On Mar 4, 2:19 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> >  > Diego, can you post a link?
>
> >  > >  I have not been able to use the cycle plugin and it's driving me
> >  > >  insane.
>
> >  > >  The error message (in firebug):
> >  > >  this.domManip is not a function

[jQuery] Re: Cycle Plugin Documentation

[Mike Alsup]

There's a link on the main Cycle page for "Even More Demos".  On that
page there are over 30 links to various demos, one of which is for
scrollHorz/scrollVert:

http://www.malsup.com/jquery/cycle/scrollhv.html

Granted that's a lot of demo links to look over, but the page does
exist.  :-)  I wonder if just fixing that page would make things
easier to find.  Maybe give a short desc along with the link?

Bonus points to you for reading the source and finding what you
needed!  :-)

Mike


On Jun 9, 3:51 pm, interfaced <[EMAIL PROTECTED]> wrote:
> I love this plugin megafold!
>
> I want to say though, you should document ScrollHorz on the demos, it
> should be the most basic of demos. I actually had to read all the
> source code to find it. I tried so many other plugins because that
> directional shifting is what I really needed.
>
> I can write the docs if you show me where to put them

[jQuery] Re: Cycle plugin help

[Charlie]

have you looked at the "even more advanced demos" on cycle site? If
ever there was a plugin with a large variety of examples Cycle is it!
You could at least find some examples that come close to what you want
and be more specific about what it is you are trying to do by
referencing them. Look at source code of examples also for the " how
to..."

ivanisevic82 wrote:

  Hi! I found this wonderfull plugin, http://www.malsup.com/jquery/cycle/int2.html
I want to built something like "pager", in the link.
I built it, but now I'd like to change something: i don't want a
progressive numeration, but Id' like to define a different text or
image customized, and not the "1" "2" "3"..ecc..of the example.

How is possible to do this?

Thank you!

  

[jQuery] Re: Cycle plugin help

[Mike Alsup]

> Hi! I found this wonderfull 
> plugin,http://www.malsup.com/jquery/cycle/int2.html
> I want to built something like "pager", in the link.
> I built it, but now I'd like to change something: i don't want a
> progressive numeration, but Id' like to define a different text or
> image customized, and not the "1" "2" "3"..ecc..of the example.

You can customize the text however you like using the
pagerAnchorBuilder option.  Here's an example:

http://www.malsup.com/jquery/cycle/pager14.html

[jQuery] Re: cycle plugin pagerAnchorBuilder

[Jon Crump]

OK, there were no takers on this. In the unlikely event that anyone's
interested, here's the work-around that I arrived at. It's simple enough
that I think it will not cause me any problems, but I sure would like to
know what the "right" solution might be.

In the HTML, an image collection like this:
   
   
   
   
   
   
   
   

using cycle, I navigate this collection with prev/next links, but I also 
wanted to provide a drop-down list allowing the user to jump straight to 
specific images and then go prev/next from there.


   
   Foo text
   Bar text
   Baz text
   

My solution (a very unsatisfying kluge) was to simply add empty, dummy
lines to the list thus:

   
   
   Foo text
   
   
   Bar text
   Baz text
   

to allow the user to go directly to 2.jpg, 5.jpg, and 6.jpg by choosing 
from the list and using a cycle call like this:


$('#cycleport').cycle({
prev: '#prev',
next: '#next',
timeout: 0,
before: swapText,
pager:  '#clientList',
pagerAnchorBuilder: function(idx, slide) {
return '#clientList li:eq(' + (idx) + ') a';
}
});

If anybody has a cleaner solution, I'd sure love to know about it.

Jon

[jQuery] Re: cycle plugin pagerAnchorBuilder

[Mike Alsup]

>         
>                 Foo text
>                 Bar text
>                 Baz text
>         
> If anybody has a cleaner solution, I'd sure love to know about it.


This is what I'd do:


Foo text
Bar text
Baz text



$(function() {
$('#cycleport').cycle({
prev: '#prev',
next: '#next',
timeout: 0,
before: swapText
});

$('#clientList li a').click(function() {
var slide = $(this).attr('data-slide');
slide = parseInt(slide);
$('#cycleport').cycle(slide);
return false;
});
});

[jQuery] Re: cycle plugin pagerAnchorBuilder

[Jon Crump]

Mike Alsup,

Thanks so much for pointing out the obvious; no really, I mean it 
sincerely. I so often overlook the obvious, to my cost.  I didn't realize 
that I could simply pass a bare integer to the cycle call.


Admiration and gratitude for a wonderfully well thought out and effective 
tool!


Jon



This is what I'd do:


   Foo text
   Bar text
   Baz text



$(function() {
   $('#cycleport').cycle({
   prev: '#prev',
   next: '#next',
   timeout: 0,
   before: swapText
   });

   $('#clientList li a').click(function() {
   var slide = $(this).attr('data-slide');
   slide = parseInt(slide);
   $('#cycleport').cycle(slide);
   return false;
   });
});

[jQuery] Re: cycle plugin questions

[Charlie]

apply overflow: hidden to container and try using synch: 1 in script. 

ckee wrote:

  I have a cycle working here: http://www.violinatta.com/node/19

Two questions: (1) initially more than one image shows, one under the
other, eventually consolidating to 1. The container and images are
both dimensioned. Suggestions how to correct this so just the one
image appears initially?
(2) In the demo here http://malsup.com/jquery/cycle/ the image seems
never to go to white -- a fadein seems to start before the fadeout is
complete. The malsup demo uses the default settings, though.
Suggestions?

Thanks in advance.

Clark

  

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

Hi Ben,

Yeah, I love that shuffle transition - you da man!

$.meta and data() come from the Metadata plugin:

http://jqueryjs.googlecode.com/svn/trunk/plugins/metadata/lib/jQuery/metadata.js

Mike


On 8/13/07, Benjamin Sterling <[EMAIL PROTECTED]> wrote:
> MIke,
> Looks good, the shuffle transition is great, where did you ever come up with
> that :D.  But really, it look tight.
>
> I am assuming $.meta and data() are in the core, is there any documentation
> on them?  I am curious about their purpose.
>
>
> On 8/13/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> >
> > I've just uploaded a new version of the Cycle Plugin:
> >
> > http://malsup.com/jquery/cycle/
> >
> > This new version adds some new transition effects, the ability to
> > create custom transitions, and the ability to transition on a click
> > event rather than a timeout.  But the biggest change is an overhaul to
> > how transitions are defined.  Transitions are now defined using a
> > plugin scheme.  This means you can create your own transition
> > definitions, plug them in to the Cycle Plugin, and then use them by
> > name.  This provides a lot of flexibility, and together with the
> > custom transition support lets you create some pretty wacky stuff.
> >
> > The documentation provides lots of examples.
> >
> > Cheers!
> >
> > Mike
> >
>
>
>
> --
> Benjamin Sterling
> http://www.KenzoMedia.com
> http://www.KenzoHosting.com

[jQuery] Re: Cycle Plugin update

[Benjamin Sterling]

MIke,
Looks good, the shuffle transition is great, where did you ever come up with
that :D.  But really, it look tight.

I am assuming $.meta and data() are in the core, is there any documentation
on them?  I am curious about their purpose.


On 8/13/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
>
> I've just uploaded a new version of the Cycle Plugin:
>
> http://malsup.com/jquery/cycle/
>
> This new version adds some new transition effects, the ability to
> create custom transitions, and the ability to transition on a click
> event rather than a timeout.  But the biggest change is an overhaul to
> how transitions are defined.  Transitions are now defined using a
> plugin scheme.  This means you can create your own transition
> definitions, plug them in to the Cycle Plugin, and then use them by
> name.  This provides a lot of flexibility, and together with the
> custom transition support lets you create some pretty wacky stuff.
>
> The documentation provides lots of examples.
>
> Cheers!
>
> Mike
>



-- 
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com

[jQuery] Re: Cycle Plugin update

[Tane Piper]

Very nice - I like the fact you haven't limited to only some
transition types, but allow for custom types too.  I'll be having a
look at this one more in-depth.

On 8/13/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
> I've just uploaded a new version of the Cycle Plugin:
>
> http://malsup.com/jquery/cycle/
>
> This new version adds some new transition effects, the ability to
> create custom transitions, and the ability to transition on a click
> event rather than a timeout.  But the biggest change is an overhaul to
> how transitions are defined.  Transitions are now defined using a
> plugin scheme.  This means you can create your own transition
> definitions, plug them in to the Cycle Plugin, and then use them by
> name.  This provides a lot of flexibility, and together with the
> custom transition support lets you create some pretty wacky stuff.
>
> The documentation provides lots of examples.
>
> Cheers!
>
> Mike
>


-- 
Tane Piper
http://digitalspaghetti.me.uk

This email is: [ ] blogable [ x ] ask first [ ] private

[jQuery] Re: Cycle Plugin update

[Joel Birch]

Awesome, thanks for this Mike.

Now that there is no danger of people wanting my effort (yours looks far
better), here is my test page for you to look at, just for your amusement. I
did my plugin maybe 4 months ago but never made it public as I was
intimidated by the amount of documentation I would need to produce in order
to explain it, mainly because it's more advanced transitions relies on the
user crafting them with CSS.

http://users.tpg.com.au/j_birch/plugins/showoff/

You might find something interesting in the way I did it, or you might get a
laugh out of it. Either way is cool! ;)

Thanks again, I'll have a closer look soon.

Joel Birch

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

Hey Joel, thanks for the link.  Ha, that's funny, we even chose many
of the same property names!  Great minds...  One thing I noticed right
away is how much better jQuery 1.1.3 handles animations.  It's so much
smoother than 1.1.2.

I hear you on the documentation.  It took me much longer to write the
docs than it did to write the plugin.  But they are every bit as
important as the code so I had no choice!

Mike


On 8/13/07, Joel Birch <[EMAIL PROTECTED]> wrote:
> Awesome, thanks for this Mike.
>
> Now that there is no danger of people wanting my effort (yours looks far
> better), here is my test page for you to look at, just for your amusement. I
> did my plugin maybe 4 months ago but never made it public as I was
> intimidated by the amount of documentation I would need to produce in order
> to explain it, mainly because it's more advanced transitions relies on the
> user crafting them with CSS.
>
> http://users.tpg.com.au/j_birch/plugins/showoff/
>
> You might find something interesting in the way I did it, or you might get a
> laugh out of it. Either way is cool! ;)
>
> Thanks again, I'll have a closer look soon.
>
> Joel Birch
>

[jQuery] Re: Cycle Plugin update

[Alexandre Plennevaux]

simply amazing ! beautiful code, beautiful result !  Crafty !
Mike, bravo!

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mike 
Alsup
Sent: lundi 13 août 2007 13:56
To: jQuery Discussion
Subject: [jQuery] Cycle Plugin update


I've just uploaded a new version of the Cycle Plugin:

http://malsup.com/jquery/cycle/

This new version adds some new transition effects, the ability to create custom 
transitions, and the ability to transition on a click event rather than a 
timeout.  But the biggest change is an overhaul to how transitions are defined. 
 Transitions are now defined using a plugin scheme.  This means you can create 
your own transition definitions, plug them in to the Cycle Plugin, and then use 
them by name.  This provides a lot of flexibility, and together with the custom 
transition support lets you create some pretty wacky stuff.

The documentation provides lots of examples.

Cheers!

Mike

Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.476 / Base de données virus: 269.11.15/949 - Date: 12/08/2007 11:03
 

[jQuery] Re: Cycle Plugin update

[Txt.Vaska]

only made a cursory glance at this...

is it possible to stop the transitions with a click (a link elsewhere  
on the page)? i see pause on hover. i'd like to be able to do  
additional transitions upon external clicks as well (in a way almost  
like next prev links controlled by click instead of auto running).


i toyed with this (previous version) over the weekend and i couldn't  
place images into links:






v


On 13 Aug 2007, at 16:08, Mike Alsup wrote:



Hey Joel, thanks for the link.  Ha, that's funny, we even chose many
of the same property names!  Great minds...  One thing I noticed right
away is how much better jQuery 1.1.3 handles animations.  It's so much
smoother than 1.1.2.

I hear you on the documentation.  It took me much longer to write the
docs than it did to write the plugin.  But they are every bit as
important as the code so I had no choice!

Mike


On 8/13/07, Joel Birch <[EMAIL PROTECTED]> wrote:

Awesome, thanks for this Mike.

Now that there is no danger of people wanting my effort (yours  
looks far
better), here is my test page for you to look at, just for your  
amusement. I

did my plugin maybe 4 months ago but never made it public as I was
intimidated by the amount of documentation I would need to produce  
in order
to explain it, mainly because it's more advanced transitions  
relies on the

user crafting them with CSS.

http://users.tpg.com.au/j_birch/plugins/showoff/

You might find something interesting in the way I did it, or you  
might get a

laugh out of it. Either way is cool! ;)

Thanks again, I'll have a closer look soon.

Joel Birch

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

You can stop a slideshow anytime by passing 'stop' to the cycle
method.  With that in mind you can bind whatever event you need to
whatever element you want.

There is currently no support for driving a progression of slides via
external links.  That is something I will be looking into, but not
immediately.

Images within links works fine, but there are limitations.  Here's a
link that shows how to set it up:

http://www.malsup.com/jquery/cycle/anchor.html

Mike

On 8/13/07, Txt.Vaska <[EMAIL PROTECTED]> wrote:
>
> only made a cursory glance at this...
>
> is it possible to stop the transitions with a click (a link elsewhere
> on the page)? i see pause on hover. i'd like to be able to do
> additional transitions upon external clicks as well (in a way almost
> like next prev links controlled by click instead of auto running).
>
> i toyed with this (previous version) over the weekend and i couldn't
> place images into links:
>
> 
> 
> 
>
> v
>
>
> On 13 Aug 2007, at 16:08, Mike Alsup wrote:
>
> >
> > Hey Joel, thanks for the link.  Ha, that's funny, we even chose many
> > of the same property names!  Great minds...  One thing I noticed right
> > away is how much better jQuery 1.1.3 handles animations.  It's so much
> > smoother than 1.1.2.
> >
> > I hear you on the documentation.  It took me much longer to write the
> > docs than it did to write the plugin.  But they are every bit as
> > important as the code so I had no choice!
> >
> > Mike
> >
> >
> > On 8/13/07, Joel Birch <[EMAIL PROTECTED]> wrote:
> >> Awesome, thanks for this Mike.
> >>
> >> Now that there is no danger of people wanting my effort (yours
> >> looks far
> >> better), here is my test page for you to look at, just for your
> >> amusement. I
> >> did my plugin maybe 4 months ago but never made it public as I was
> >> intimidated by the amount of documentation I would need to produce
> >> in order
> >> to explain it, mainly because it's more advanced transitions
> >> relies on the
> >> user crafting them with CSS.
> >>
> >> http://users.tpg.com.au/j_birch/plugins/showoff/
> >>
> >> You might find something interesting in the way I did it, or you
> >> might get a
> >> laugh out of it. Either way is cool! ;)
> >>
> >> Thanks again, I'll have a closer look soon.
> >>
> >> Joel Birch
> >>
>
>

[jQuery] Re: Cycle Plugin update

[Nicolas Hoizey]

> I've just uploaded a new version of the Cycle Plugin:
> http://malsup.com/jquery/cycle/

It really rocks!

> This new version adds some new transition effects, the ability to
> create custom transitions[...]  Transitions are now defined using a
> plugin scheme.  This means you can create your own transition
> definitions, plug them in to the Cycle Plugin, and then use them by
> name.  This provides a lot of flexibility, and together with the
> custom transition support lets you create some pretty wacky stuff.

I didn't look at the code yet, and the examples don't show if it is  
possible to have "dynamic" values for parameters.

I would like to know if I can use your plugin with my own custom  
transitions instead of what I did here:



-Nicolas

-- 
Nicolas "Brush" HOIZEY
Clever Age   : http://www.clever-age.com/
Gastero Prod : http://www.gasteroprod.com/
Photos : http://www.flickr.com/gp/[EMAIL PROTECTED]/M1c002

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

HI Nicolas,

I haven't tried to duplicate the KenBurnsEffect, but you can set up
your own custom transitions.  What exactly do you mean by "dynamic"?

Mike

On 8/13/07, Nicolas Hoizey <[EMAIL PROTECTED]> wrote:
>
> > I've just uploaded a new version of the Cycle Plugin:
> > http://malsup.com/jquery/cycle/
>
> It really rocks!
>
> > This new version adds some new transition effects, the ability to
> > create custom transitions[...]  Transitions are now defined using a
> > plugin scheme.  This means you can create your own transition
> > definitions, plug them in to the Cycle Plugin, and then use them by
> > name.  This provides a lot of flexibility, and together with the
> > custom transition support lets you create some pretty wacky stuff.
>
> I didn't look at the code yet, and the examples don't show if it is
> possible to have "dynamic" values for parameters.
>
> I would like to know if I can use your plugin with my own custom
> transitions instead of what I did here:
> 
>
>
> -Nicolas
>
> --
> Nicolas "Brush" HOIZEY
> Clever Age   : http://www.clever-age.com/
> Gastero Prod : http://www.gasteroprod.com/
> Photos : http://www.flickr.com/gp/[EMAIL PROTECTED]/M1c002
>
>
>

[jQuery] Re: Cycle Plugin update

[Karl Swedberg]

Unbelievable! That is an amazing plugin, Mike. Spectacular flexibility.


--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Aug 13, 2007, at 9:06 AM, Benjamin Sterling wrote:


MIke,
Looks good, the shuffle transition is great, where did you ever  
come up with that :D.  But really, it look tight.


I am assuming $.meta and data() are in the core, is there any  
documentation on them?  I am curious about their purpose.



On 8/13/07, Mike Alsup <[EMAIL PROTECTED]> wrote:

I've just uploaded a new version of the Cycle Plugin:

http://malsup.com/jquery/cycle/

This new version adds some new transition effects, the ability to
create custom transitions, and the ability to transition on a click
event rather than a timeout.  But the biggest change is an overhaul to
how transitions are defined.  Transitions are now defined using a
plugin scheme.  This means you can create your own transition
definitions, plug them in to the Cycle Plugin, and then use them by
name.  This provides a lot of flexibility, and together with the
custom transition support lets you create some pretty wacky stuff.

The documentation provides lots of examples.

Cheers!

Mike



--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com

[jQuery] Re: Cycle Plugin update

[Rick Faircloth]

Great job, Mike... I'm sure this will be a very
useful and often used plugin!

Rick


-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mike 
Alsup
Sent: Monday, August 13, 2007 8:56 AM
To: jQuery Discussion
Subject: [jQuery] Cycle Plugin update


I've just uploaded a new version of the Cycle Plugin:

http://malsup.com/jquery/cycle/

This new version adds some new transition effects, the ability to
create custom transitions, and the ability to transition on a click
event rather than a timeout.  But the biggest change is an overhaul to
how transitions are defined.  Transitions are now defined using a
plugin scheme.  This means you can create your own transition
definitions, plug them in to the Cycle Plugin, and then use them by
name.  This provides a lot of flexibility, and together with the
custom transition support lets you create some pretty wacky stuff.

The documentation provides lots of examples.

Cheers!

Mike

[jQuery] Re: Cycle Plugin update

[Rick Faircloth]

One of the aspects of your plug-in offering to the community,
Mike, is the good documentation and, especially, demos for beginner,
intermediate, and advanced users.

That approach to documentation, usage, and demos will help bring
many new people into the jQuery fold.

Plug-in developers take note!  :o)

Rikc

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mike 
Alsup
Sent: Monday, August 13, 2007 10:09 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Cycle Plugin update


Hey Joel, thanks for the link.  Ha, that's funny, we even chose many
of the same property names!  Great minds...  One thing I noticed right
away is how much better jQuery 1.1.3 handles animations.  It's so much
smoother than 1.1.2.

I hear you on the documentation.  It took me much longer to write the
docs than it did to write the plugin.  But they are every bit as
important as the code so I had no choice!

Mike


On 8/13/07, Joel Birch <[EMAIL PROTECTED]> wrote:
> Awesome, thanks for this Mike.
>
> Now that there is no danger of people wanting my effort (yours looks far
> better), here is my test page for you to look at, just for your amusement. I
> did my plugin maybe 4 months ago but never made it public as I was
> intimidated by the amount of documentation I would need to produce in order
> to explain it, mainly because it's more advanced transitions relies on the
> user crafting them with CSS.
>
> http://users.tpg.com.au/j_birch/plugins/showoff/
>
> You might find something interesting in the way I did it, or you might get a
> laugh out of it. Either way is cool! ;)
>
> Thanks again, I'll have a closer look soon.
>
> Joel Birch
>

[jQuery] Re: Cycle Plugin update

[Joel Birch]

On 8/14/07, Rick Faircloth <[EMAIL PROTECTED]> wrote:
>
>
> One of the aspects of your plug-in offering to the community,
> Mike, is the good documentation and, especially, demos for beginner,
> intermediate, and advanced users.
>
> That approach to documentation, usage, and demos will help bring
> many new people into the jQuery fold.
>
> Plug-in developers take note!  :o)
>
> Rikc


Yes, I think Mike's documentation and demonstrations are consistently among
the best out there. Simple to understand with very useful examples.

I wish it was possible to create some sort of template so plugin developers
could fill it out and it would generate documentation as helpful as Mike's
is. Or at least some basic shell with HTML and CSS files to kick-start the
documentation process. As Mike says, the documentation is every bit as
important as the code. jQuery makes it relatively easy to create the plugin
code, but we are on our own when it comes to creating the docs to explain it
to the public.

Was that a rant? I hope not - I just wonder if anyone has any ideas. Sorry
for going off-topic.

Joel Birch.

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

Thanks everyone for the feedback and comments.  I've received some
good suggestions for enhancements and I'm expecting to post another
update later in the week.

To Joel's point, I made a template for my docs a while back.  If
anyone is interested in getting a copy of it then I'll clean it up,
zip it up, and post it.

Mike


> > One of the aspects of your plug-in offering to the community,
> > Mike, is the good documentation and, especially, demos for beginner,
> > intermediate, and advanced users.
> >
> > That approach to documentation, usage, and demos will help bring
> > many new people into the jQuery fold.
> >
> > Plug-in developers take note!  :o)
> >
> > Rikc
>
> Yes, I think Mike's documentation and demonstrations are consistently among
> the best out there. Simple to understand with very useful examples.
>
> I wish it was possible to create some sort of template so plugin developers
> could fill it out and it would generate documentation as helpful as Mike's
> is. Or at least some basic shell with HTML and CSS files to kick-start the
> documentation process. As Mike says, the documentation is every bit as
> important as the code. jQuery makes it relatively easy to create the plugin
> code, but we are on our own when it comes to creating the docs to explain it
> to the public.
>
> Was that a rant? I hope not - I just wonder if anyone has any ideas. Sorry
> for going off-topic.
>
> Joel Birch.

[jQuery] Re: Cycle Plugin update

[Joel Birch]

On 8/14/07, Mike Alsup <[EMAIL PROTECTED]> wrote:

>
> To Joel's point, I made a template for my docs a while back.  If
> anyone is interested in getting a copy of it then I'll clean it up,
> zip it up, and post it.
>
> Mike


Definitely! No rush at the moment but it would be awesome if you could do
that at your leisure. Thanks.

Joel Birch.

[jQuery] Re: Cycle Plugin update

[Tane Piper]

Another tip for people wanting to write documenation is in using
Drupal with the book module - that's how I've been writing my own
(sadly unfinished) docs.  Drupal allows embedded code in it, so its
easy enough to provide demos, as well as providing a book-like
structure.

I intend to finish writing up docs for my plugin this weekend before
attacking my new codebase this week, in which there will be some major
API changes.


On 14/08/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
> Thanks everyone for the feedback and comments.  I've received some
> good suggestions for enhancements and I'm expecting to post another
> update later in the week.
>
> To Joel's point, I made a template for my docs a while back.  If
> anyone is interested in getting a copy of it then I'll clean it up,
> zip it up, and post it.
>
> Mike
>
>
> > > One of the aspects of your plug-in offering to the community,
> > > Mike, is the good documentation and, especially, demos for beginner,
> > > intermediate, and advanced users.
> > >
> > > That approach to documentation, usage, and demos will help bring
> > > many new people into the jQuery fold.
> > >
> > > Plug-in developers take note!  :o)
> > >
> > > Rikc
> >
> > Yes, I think Mike's documentation and demonstrations are consistently
> among
> > the best out there. Simple to understand with very useful examples.
> >
> > I wish it was possible to create some sort of template so plugin
> developers
> > could fill it out and it would generate documentation as helpful as Mike's
> > is. Or at least some basic shell with HTML and CSS files to kick-start the
> > documentation process. As Mike says, the documentation is every bit as
> > important as the code. jQuery makes it relatively easy to create the
> plugin
> > code, but we are on our own when it comes to creating the docs to explain
> it
> > to the public.
> >
> > Was that a rant? I hope not - I just wonder if anyone has any ideas. Sorry
> > for going off-topic.
> >
> > Joel Birch.
>


-- 
Tane Piper
http://digitalspaghetti.me.uk

This email is: [ ] blogable [ x ] ask first [ ] private

[jQuery] Re: Cycle Plugin update

[Karl Swedberg]

I'd love this, Mike. It would be really nice to have a common theme  
for plugin documentation and demos. Not only would it remove the need  
for me to reinvent the wheel, but it would also lend my plugins  
instant credibility because they'll be presented so similarly to  
yours. :D



--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Aug 13, 2007, at 11:49 PM, Joel Birch wrote:


On 8/14/07, Mike Alsup <[EMAIL PROTECTED]> wrote:

To Joel's point, I made a template for my docs a while back.  If
anyone is interested in getting a copy of it then I'll clean it up,
zip it up, and post it.

Mike

Definitely! No rush at the moment but it would be awesome if you  
could do that at your leisure. Thanks.


Joel Birch.

[jQuery] Re: Cycle Plugin update

[Nicolas Hoizey]

> I haven't tried to duplicate the KenBurnsEffect, but you can set up
> your own custom transitions.  What exactly do you mean by "dynamic"?

Each time an image is used, I give it new initial and final size and  
position, so that it never does the same.


-Nicolas

-- 
Nicolas "Brush" HOIZEY
Clever Age   : http://www.clever-age.com/
Gastero Prod : http://www.gasteroprod.com/
Photos : http://www.flickr.com/gp/[EMAIL PROTECTED]/M1c002

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

As promised, a new version of the Cycle Plugin is now available.

This version includes the following:

- added "pager controls" functionality
- added support for prev/next click triggers
- added support for click triggers and auto-advance on same slideshow
- deprecated 'click' option in favor of 'next'
- improved before/after callbacks

All of the changes are demoed on the following page:

http://www.malsup.com/jquery/cycle/int2.html

Mike


On 8/13/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> Thanks everyone for the feedback and comments.  I've received some
> good suggestions for enhancements and I'm expecting to post another
> update later in the week.

[jQuery] Re: Cycle Plugin update

[Ganeshji Marwaha]

this is very very cool... One of the best i have seen... don't have words to
explain dude...
keep creating and more and more of these...

-GTG

On 8/14/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
>
> As promised, a new version of the Cycle Plugin is now available.
>
> This version includes the following:
>
> - added "pager controls" functionality
> - added support for prev/next click triggers
> - added support for click triggers and auto-advance on same slideshow
> - deprecated 'click' option in favor of 'next'
> - improved before/after callbacks
>
> All of the changes are demoed on the following page:
>
> http://www.malsup.com/jquery/cycle/int2.html
>
> Mike
>
>
> On 8/13/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > Thanks everyone for the feedback and comments.  I've received some
> > good suggestions for enhancements and I'm expecting to post another
> > update later in the week.
>

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

> To Joel's point, I made a template for my docs a while back.  If
> anyone is interested in getting a copy of it then I'll clean it up,
> zip it up, and post it.

Joel, Karl, and anyone else that wants a copy of the template - you
can grab it here:

http://malsup.com/jquery/template.zip

It's just a simple HTML starter.  Make whatever changes you want or need.

Mike

[jQuery] Re: Cycle Plugin update

[Joel Birch]

On 8/17/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
>
> > To Joel's point, I made a template for my docs a while back.  If
> > anyone is interested in getting a copy of it then I'll clean it up,
> > zip it up, and post it.
>
> Joel, Karl, and anyone else that wants a copy of the template - you
> can grab it here:
>
> http://malsup.com/jquery/template.zip
>
> It's just a simple HTML starter.  Make whatever changes you want or need.
>
> Mike
>

Hey Mike, thank you so much for this! This is a great collection of files to
build upon. Removing the need to spend time considering how documentation
and examples should look really helps - especially for those of us who got
into jQuery via a visual design background. It's easy to get overly precious
about things when a better use of time would be concentrating on getting
clear and concise information out to people. Having all those handy plugins
collected and ready to go too... I'm pretty excited :)

You are officially my Hero of the Week. Cheers!

Joel Birch.

[jQuery] Re: Cycle Plugin update

[Joel Birch]

...and I wrote my previous email before looking at the index.html file
inside the 'plugin' folder. Now I am just over the moon!

I really think this package needs to be featured prominently somewhere on
jquery.com as it can only encourage developers to release even more plugins.
I think it really fills a gap - and does so very well.

A+ Mr. Alsup!

Joel Birch.

[jQuery] Re: Cycle Plugin update

[Karl Swedberg]

On Aug 16, 2007, at 2:28 PM, Joel Birch wrote:

...and I wrote my previous email before looking at the index.html  
file inside the 'plugin' folder. Now I am just over the moon!


I really think this package needs to be featured prominently  
somewhere on jquery.com as it can only encourage developers to  
release even more plugins. I think it really fills a gap - and does  
so very well.


A+ Mr. Alsup!

Joel Birch.


Yes, thanks so much for these files, Mike!

(A+)++ Mr. Alsup!

--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

> A+ Mr. Alsup!
>
> Joel Birch.
>
> Yes, thanks so much for these files, Mike!
>
> (A+)++ Mr. Alsup!
>
>
> --Karl

Thanks, guys.  Glad you found them useful!

[jQuery] Re: Cycle Plugin update

[Duncan]

Mike, Fantastic bit of code, we have been playing with it in the
office, and its received huge praise. Someone actually said its
animation is as good as an equivalent in Flash.

I am looking at the next / prev function and am wondering how I might
apply a scrollRight to a prev scrollLeft and to a next button - is
that possible?

Thanks

duncan

On 8/17/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
> > A+ Mr. Alsup!
> >
> > Joel Birch.
> >
> > Yes, thanks so much for these files, Mike!
> >
> > (A+)++ Mr. Alsup!
> >
> >
> > --Karl
>
> Thanks, guys.  Glad you found them useful!
>


-- 
Duncan I Loxton
[EMAIL PROTECTED]

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

Great timing, Duncan!  I just uploaded a new version that includes
this functionality.  You can see the demo here:

http://www.malsup.com/jquery/cycle/scrollhv.html

Mike



On 8/22/07, Duncan <[EMAIL PROTECTED]> wrote:
>
> Mike, Fantastic bit of code, we have been playing with it in the
> office, and its received huge praise. Someone actually said its
> animation is as good as an equivalent in Flash.
>
> I am looking at the next / prev function and am wondering how I might
> apply a scrollRight to a prev scrollLeft and to a next button - is
> that possible?
>
> Thanks
>
> duncan
>
> On 8/17/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> >
> > > A+ Mr. Alsup!
> > >
> > > Joel Birch.
> > >
> > > Yes, thanks so much for these files, Mike!
> > >
> > > (A+)++ Mr. Alsup!
> > >
> > >
> > > --Karl
> >
> > Thanks, guys.  Glad you found them useful!
> >
>
>
> --
> Duncan I Loxton
> [EMAIL PROTECTED]
>

[jQuery] Re: Cycle Plugin update

[Duncan]

Thanks Mike - that's awesome!

I am using it with text and the borders of the internal items aren't
quite being maintained on the right side of the scrolling container.
My code is below for you too look at.

Also how could one decide if forward was scroll left or right when
using timeout:5000? I had to change my next and prev buttons to be the
other way around to line up with the timeout direction.




Featured News




News
2a - Sunday, May 6
Text More...




URL Rewriting in CMS Base,
yo. - Thursday, April 26
CMS Base? More like CMS Ace. More...




<< 
Prev
Next 
>>





$(document).ready(function(){
$('#newsTicker').cycle({
fx: 'scrollHorz',
pause:  0,
timeout:  5000,
next:   '#prevNews',
prev:   '#nextNews'
});
});




On 8/23/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
> Great timing, Duncan!  I just uploaded a new version that includes
> this functionality.  You can see the demo here:
>
> http://www.malsup.com/jquery/cycle/scrollhv.html
>
> Mike
>
>
>
> On 8/22/07, Duncan <[EMAIL PROTECTED]> wrote:
> >
> > Mike, Fantastic bit of code, we have been playing with it in the
> > office, and its received huge praise. Someone actually said its
> > animation is as good as an equivalent in Flash.
> >
> > I am looking at the next / prev function and am wondering how I might
> > apply a scrollRight to a prev scrollLeft and to a next button - is
> > that possible?
> >
> > Thanks
> >
> > duncan
> >
> > On 8/17/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > >
> > > > A+ Mr. Alsup!
> > > >
> > > > Joel Birch.
> > > >
> > > > Yes, thanks so much for these files, Mike!
> > > >
> > > > (A+)++ Mr. Alsup!
> > > >
> > > >
> > > > --Karl
> > >
> > > Thanks, guys.  Glad you found them useful!
> > >
> >
> >
> > --
> > Duncan I Loxton
> > [EMAIL PROTECTED]
> >
>


-- 
Duncan I Loxton
[EMAIL PROTECTED]

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

Ok Duncan, I took another shot at it.  Let me know if it's what you
had in mind.  BTW, there's an as-yet undocumented option called "rev"
which will switch the direction of the default scroll direction when
used with scrollHorz or scrollVert.

Cheers.

Mike


On 8/23/07, Duncan <[EMAIL PROTECTED]> wrote:
>
> Thanks Mike - that's awesome!
>
> I am using it with text and the borders of the internal items aren't
> quite being maintained on the right side of the scrolling container.
> My code is below for you too look at.
>
> Also how could one decide if forward was scroll left or right when
> using timeout:5000? I had to change my next and prev buttons to be the
> other way around to line up with the timeout direction.
>
>
> 
>
> Featured News
>
>  style="height:110px;width:210px;margin:0px;padding:0px;border:1px
> solid #00;background:#ee;position:relative">
>
>  style="height:90px;width:190px;margin:5px;padding:5px;background:#ff;">
> News
> 2a - Sunday, May 6
> Text More...
> 
>
>  style="height:90px;width:190px;margin:5px;padding:5px;background:#ff;">
>
>  title="Read the
> article: URL Rewriting in CMS Base, yo.">URL Rewriting in CMS Base,
> yo. - Thursday, April 26
> CMS Base? More like CMS Ace.  href="/news/url-rewriting-in-cms-base-yo/" title="Read the article:
> URL Rewriting in CMS Base, yo.">More...
> 
>
> 
> 
> << 
> Prev
> Next 
> >>
> 
>
> 
>
> 
> $(document).ready(function(){
> $('#newsTicker').cycle({
> fx: 'scrollHorz',
> pause:  0,
> timeout:  5000,
> next:   '#prevNews',
> prev:   '#nextNews'
> });
> });
> 
>
>
>
> On 8/23/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> >
> > Great timing, Duncan!  I just uploaded a new version that includes
> > this functionality.  You can see the demo here:
> >
> > http://www.malsup.com/jquery/cycle/scrollhv.html
> >
> > Mike
> >
> >
> >
> > On 8/22/07, Duncan <[EMAIL PROTECTED]> wrote:
> > >
> > > Mike, Fantastic bit of code, we have been playing with it in the
> > > office, and its received huge praise. Someone actually said its
> > > animation is as good as an equivalent in Flash.
> > >
> > > I am looking at the next / prev function and am wondering how I might
> > > apply a scrollRight to a prev scrollLeft and to a next button - is
> > > that possible?
> > >
> > > Thanks
> > >
> > > duncan
> > >
> > > On 8/17/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > > >
> > > > > A+ Mr. Alsup!
> > > > >
> > > > > Joel Birch.
> > > > >
> > > > > Yes, thanks so much for these files, Mike!
> > > > >
> > > > > (A+)++ Mr. Alsup!
> > > > >
> > > > >
> > > > > --Karl
> > > >
> > > > Thanks, guys.  Glad you found them useful!
> > > >
> > >
> > >
> > > --
> > > Duncan I Loxton
> > > [EMAIL PROTECTED]
> > >
> >
>
>
> --
> Duncan I Loxton
> [EMAIL PROTECTED]
>

[jQuery] Re: Cycle Plugin update

[Duncan]

Mike,

Perfect, in Firefox(!), although I get Invalid argument errors in IE6 and IE7

$(document).ready(function(){
$('#newsTicker').cycle({
fx: 'scrollHorz',
next:   '#nextNews',
prev:   '#prevNews'
});
});

This js error occurs after about 5 seconds, then clicking next pushes
through a blank div, then moves the original one in so you end up with
blank - 1st slide - blank - 1st slide - blank.

I have jquery 1.1.3.1

Duncan

On 8/24/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
> Ok Duncan, I took another shot at it.  Let me know if it's what you
> had in mind.  BTW, there's an as-yet undocumented option called "rev"
> which will switch the direction of the default scroll direction when
> used with scrollHorz or scrollVert.
>
> Cheers.
>
> Mike
>
>
> On 8/23/07, Duncan <[EMAIL PROTECTED]> wrote:
> >
> > Thanks Mike - that's awesome!
> >
> > I am using it with text and the borders of the internal items aren't
> > quite being maintained on the right side of the scrolling container.
> > My code is below for you too look at.
> >
> > Also how could one decide if forward was scroll left or right when
> > using timeout:5000? I had to change my next and prev buttons to be the
> > other way around to line up with the timeout direction.
> >
> >
> > 
> >
> > Featured News
> >
> >  > style="height:110px;width:210px;margin:0px;padding:0px;border:1px
> > solid #00;background:#ee;position:relative">
> >
> >  > style="height:90px;width:190px;margin:5px;padding:5px;background:#ff;">
> > News
> > 2a - Sunday, May 6
> > Text More...
> > 
> >
> >  > style="height:90px;width:190px;margin:5px;padding:5px;background:#ff;">
> >
> >  > title="Read the
> > article: URL Rewriting in CMS Base, yo.">URL Rewriting in CMS Base,
> > yo. - Thursday, April 26
> > CMS Base? More like CMS Ace.  > href="/news/url-rewriting-in-cms-base-yo/" title="Read the article:
> > URL Rewriting in CMS Base, yo.">More...
> > 
> >
> > 
> > 
> > << 
> > Prev
> > Next 
> > >>
> > 
> >
> > 
> >
> > 
> > $(document).ready(function(){
> > $('#newsTicker').cycle({
> > fx: 'scrollHorz',
> > pause:  0,
> > timeout:  5000,
> > next:   '#prevNews',
> > prev:   '#nextNews'
> > });
> > });
> > 
> >
> >
> >
> > On 8/23/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > >
> > > Great timing, Duncan!  I just uploaded a new version that includes
> > > this functionality.  You can see the demo here:
> > >
> > > http://www.malsup.com/jquery/cycle/scrollhv.html
> > >
> > > Mike
> > >
> > >
> > >
> > > On 8/22/07, Duncan <[EMAIL PROTECTED]> wrote:
> > > >
> > > > Mike, Fantastic bit of code, we have been playing with it in the
> > > > office, and its received huge praise. Someone actually said its
> > > > animation is as good as an equivalent in Flash.
> > > >
> > > > I am looking at the next / prev function and am wondering how I might
> > > > apply a scrollRight to a prev scrollLeft and to a next button - is
> > > > that possible?
> > > >
> > > > Thanks
> > > >
> > > > duncan
> > > >
> > > > On 8/17/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > > > >
> > > > > > A+ Mr. Alsup!
> > > > > >
> > > > > > Joel Birch.
> > > > > >
> > > > > > Yes, thanks so much for these files, Mike!
> > > > > >
> > > > > > (A+)++ Mr. Alsup!
> > > > > >
> > > > > >
> > > > > > --Karl
> > > > >
> > > > > Thanks, guys.  Glad you found them useful!
> > > > >
> > > >
> > > >
> > > > --
> > > > Duncan I Loxton
> > > > [EMAIL PROTECTED]
> > > >
> > >
> >
> >
> > --
> > Duncan I Loxton
> > [EMAIL PROTECTED]
> >
>


-- 
Duncan I Loxton
[EMAIL PROTECTED]

[jQuery] Re: Cycle Plugin update

[Mike Alsup]

Duncan,

Sorry, I was testing with jQuery 1.1.4 so I didn't see the IE error.
In IE it's important that the property being animated (in your case
'left') has an initial value.  You can do this with a style sheet
(#newsticker div { left: 0 }), but I will patch the code to assign
that value automatically like I do with the other transitions.  Good
catch!  I noticed that same blank slide behavior when clicking
next/prev during a transition.  I'll have to fix that.  Stay tuned.

Mike


On 8/24/07, Duncan <[EMAIL PROTECTED]> wrote:
>
> Mike,
>
> Perfect, in Firefox(!), although I get Invalid argument errors in IE6 and IE7
>
> $(document).ready(function(){
> $('#newsTicker').cycle({
> fx: 'scrollHorz',
> next:   '#nextNews',
> prev:   '#prevNews'
> });
> });
>
> This js error occurs after about 5 seconds, then clicking next pushes
> through a blank div, then moves the original one in so you end up with
> blank - 1st slide - blank - 1st slide - blank.
>
> I have jquery 1.1.3.1
>
> Duncan
>
> On 8/24/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> >
> > Ok Duncan, I took another shot at it.  Let me know if it's what you
> > had in mind.  BTW, there's an as-yet undocumented option called "rev"
> > which will switch the direction of the default scroll direction when
> > used with scrollHorz or scrollVert.
> >
> > Cheers.
> >
> > Mike
> >
> >
> > On 8/23/07, Duncan <[EMAIL PROTECTED]> wrote:
> > >
> > > Thanks Mike - that's awesome!
> > >
> > > I am using it with text and the borders of the internal items aren't
> > > quite being maintained on the right side of the scrolling container.
> > > My code is below for you too look at.
> > >
> > > Also how could one decide if forward was scroll left or right when
> > > using timeout:5000? I had to change my next and prev buttons to be the
> > > other way around to line up with the timeout direction.
> > >
> > >
> > > 
> > >
> > > Featured News
> > >
> > >  > > style="height:110px;width:210px;margin:0px;padding:0px;border:1px
> > > solid #00;background:#ee;position:relative">
> > >
> > >  > > style="height:90px;width:190px;margin:5px;padding:5px;background:#ff;">
> > > News
> > > 2a - Sunday, May 6
> > > Text More...
> > > 
> > >
> > >  > > style="height:90px;width:190px;margin:5px;padding:5px;background:#ff;">
> > >
> > >  > > title="Read the
> > > article: URL Rewriting in CMS Base, yo.">URL Rewriting in CMS Base,
> > > yo. - Thursday, April 26
> > > CMS Base? More like CMS Ace.  > > href="/news/url-rewriting-in-cms-base-yo/" title="Read the article:
> > > URL Rewriting in CMS Base, yo.">More...
> > > 
> > >
> > > 
> > > 
> > > << 
> > > Prev
> > > Next 
> > > >>
> > > 
> > >
> > > 
> > >
> > > 
> > > $(document).ready(function(){
> > > $('#newsTicker').cycle({
> > > fx: 'scrollHorz',
> > > pause:  0,
> > > timeout:  5000,
> > > next:   '#prevNews',
> > > prev:   '#nextNews'
> > > });
> > > });
> > > 
> > >
> > >
> > >
> > > On 8/23/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > > >
> > > > Great timing, Duncan!  I just uploaded a new version that includes
> > > > this functionality.  You can see the demo here:
> > > >
> > > > http://www.malsup.com/jquery/cycle/scrollhv.html
> > > >
> > > > Mike
> > > >
> > > >
> > > >
> > > > On 8/22/07, Duncan <[EMAIL PROTECTED]> wrote:
> > > > >
> > > > > Mike, Fantastic bit of code, we have been playing with it in the
> > > > > office, and its received huge praise. Someone actually said its
> > > > > animation is as good as an equivalent in Flash.
> > > > >
> > > > > I am looking at the next / prev function and am wondering how I might
> > > > > apply a scrollRight to a prev scrollLeft and to a next button - is
> > > > > that possible?
> > > > >
> > > > > Thanks
> > > > >
> > > > > duncan
> > > > >
> > > > > On 8/17/07, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > > > > >
> > > > > > > A+ Mr. Alsup!
> > > > > > >
> > > > > > > Joel Birch.
> > > > > > >
> > > > > > > Yes, thanks so much for these files, Mike!
> > > > > > >
> > > > > > > (A+)++ Mr. Alsup!
> > > > > > >
> > > > > > >
> > > > > > > --Karl
> > > > > >
> > > > > > Thanks, guys.  Glad you found them useful!
> > > > > >
> > > > >
> > > > >
> > > > > --
> > > > > Duncan I Loxton
> > > > > [EMAIL PROTECTED]
> > > > >
> > > >
> > >
> > >
> > > --
> > > Duncan I Loxton
> > > [EMAIL PROTECTED]
> > >
> >
>
>
> --
> Duncan I Loxton
> [EMAIL PROTECTED]
>

[jQuery] Re: Cycle Plugin and Suckerfish

[tracyfloyd]

Eh nevermind... i changed my layout to avoid the conflict.


On Dec 14, 5:09 pm, tracyfloyd <[EMAIL PROTECTED]> wrote:
> I'm trying to use M. Alsup's cycle plugin (awesome, btw) with a
> suckerfish menu. But I'm having trouble getting the menu to appear on
> top of the slideshow in Internet Explorer.
>
> http://www.plexindoorsports.com/sandhills/sports/view/inlinehockey
>
> Any ideas?

[jQuery] Re: cycle plugin cleartype demo

[Mike Alsup]

> I'm using IE8 RC1, tried in compatibility mode, and still the same.
> Can anyone else confirm it doesn't work in IE8?

It's working fine for me in IE8 RC1, compat mode and standards mode.

[jQuery] Re: cycle plugin cleartype demo

[Liam Potter]

I'm using IE8 RC1, tried in compatibility mode, and still the same.
Can anyone else confirm it doesn't work in IE8?

jQuery Lover wrote:

It is working in my IE7. Corrects itself on fade animation completion...


Read jQuery HowTo Resource  -  http://jquery-howto.blogspot.com



On Mon, Feb 2, 2009 at 4:39 PM, Liam Potter  wrote:
  

Is it just me or does this not work?
http://malsup.com/jquery/cycle/cleartype.html?v3

looks just like any old cleartype opacity bug to me.

[jQuery] Re: cycle plugin cleartype demo

[jQuery Lover]

It is working in my IE7. Corrects itself on fade animation completion...


Read jQuery HowTo Resource  -  http://jquery-howto.blogspot.com



On Mon, Feb 2, 2009 at 4:39 PM, Liam Potter  wrote:
>
> Is it just me or does this not work?
> http://malsup.com/jquery/cycle/cleartype.html?v3
>
> looks just like any old cleartype opacity bug to me.
>

[jQuery] Re: Cycle Plugin Doesn't Acc

[Mike Alsup]

> I'm trying to load the Cycle plugin with a JSON feed from Picasa.
> Everything is pulling in from Picasa just fine.  I can copy the exact
> HTML that it generates and paste it into my code and reload, and it
> works fine, but not when it is dynamically added via Javascript.
>
> http://derekperkins.com/seatability/super-product-page/

If you look at the JavaScript console you will see:

[cycle] terminating; too few slides: 0

You're starting Cycle before there are any images loaded.  Move the
call to cycle into your json callback.

Mike

[jQuery] Re: Cycle Plugin Doesn't Acc

[Derek Perkins]

That works great.  Thanks!

On Feb 19, 4:39 pm, Mike Alsup  wrote:
> > I'm trying to load the Cycle plugin with a JSON feed from Picasa.
> > Everything is pulling in from Picasa just fine.  I can copy the exact
> > HTML that it generates and paste it into my code and reload, and it
> > works fine, but not when it is dynamically added via Javascript.
>
> >http://derekperkins.com/seatability/super-product-page/
>
> If you look at the JavaScript console you will see:
>
> [cycle] terminating; too few slides: 0
>
> You're starting Cycle before there are any images loaded.  Move the
> call to cycle into your json callback.
>
> Mike

[jQuery] Re: Cycle Plugin: Multiple pagers

[Mike Alsup]

> Is it possible to use multiple pagers for one slideshow.
> Eg. a pager above the slides and a pager below the slides.
> One pager could be a number pager and the other an image pager or both
> the same.

You could create a 2nd pager using code like that shown in this demo:

http://www.malsup.com/jquery/cycle/goto2.html

[jQuery] Re: Cycle Plugin: Multiple pagers

[ppblaauw]

Hi, Mike

Thanks for putting me in the right direction with your suggestion.
With some adjustments of the code in the example I can make a second
numberpager, imagepager or a custom pager (text with images) now.

If you are interested, here is a link to my demo site where I showcase
the Dynamic display block module for Drupal which uses your cycle
plugin to make a slideshow.

http://ddblock.myalbums.biz

Thanks again for your help and your great plugin,

Philip

On Nov 10, 11:56 pm, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > Is it possible to usemultiplepagersfor one slideshow.
> > Eg. a pager above the slides and a pager below the slides.
> > One pager could be a number pager and the other an image pager or both
> > the same.
>
> You could create a 2nd pager using code like that shown in this demo:
>
> http://www.malsup.com/jquery/cycle/goto2.html

[jQuery] Re: Cycle plugin and paging

[Mean Mike]

Well I figured it out

[code]
$(document).ready(function(){
$('.rotator').each(function(){
$(this).after('');
$(this).cycle({
fx: 'turnDown',
speed:  'fast',
timeout: 0,
pager:$(this).next()
});
});
});
[/code]

[html]




  






[/html]

hope this helps ohters

Mike

On Apr 2, 2:50 pm, Mean Mike  wrote:
> Hello all
>
> I am trying to work with the cycle plugin and I'm having a bit of a
> problem (what's new?) here is the scenario . I have multiple groups of
> images that I want to cycle but I don't want to target them by id I
> would rather target them by class however I also would like to use
> paging. so I tried this
>
> [code]
>         $(document).ready(function(){
>                 $('.pics')
>                 .after('                         //pager: '#nav'
>                 });
>         });
> [/code]
>
> [html]
>         
>             
>             
>             
>         
>         
>
>         
>             
>             
>             
>         
> [/html]
>
> Does anyone know what I'm doing wrong ?
>
> any help would be greatly appreciated
>
> thanks
> Mike

[jQuery] Re: cycle plugin not working

[Mike Alsup]

This is backwards.  You need to include jquery before you include the
cycle plugin.




On May 18, 1:31 am, surreal5335  wrote:
> I am trying to use the cycle plugin but all I get is a static list. I
> have checked to make sure all my code is matching with the demos
> online and still I dont get anywhere.
>
> I have loaded this code inside the .ready function
>
> $('#s1').cycle({
>    fx:     'fade',
>    speed:  'fast',
>   timeout: 0,
>   next:   '#next2',
>  prev:   '#prev2'
>
> });
>
> This part has been loaded into the body tag obviously.
>
> 
>  width="600"/>
>  width="600"/>
>  width="600"/>
>  width="600"/>
>  width="600"/>
>  width="600"/>
>         
>
> This part has been loaded into the body tag obviously.
>
> The page containing the code is:
>
> http://royalvillicus.com/photo_site/...e/photo_1.html
>
> The images are shown at the bottom
>
> Thanks a lot for all your help

[jQuery] Re: cycle plugin not working

[surreal5335]

Thanks a lot for pointing that out, I made the change which changed
nothing sadly. I even cleared my cache and refreashed everything to
get the changes to take effect, but still nothing.

I am sure that was one of the problems but there seems to other
problems still

Could you tell me if it is working for you?
Also the iframe with the feedback inside of it, where it is appearing
on the page for you. ( other people seem to be seeing it on a
different place than me).

Thanks a lot

[jQuery] Re: cycle plugin with keyboard

[victor kobs]

see this web site  www.stunicholls.com in gallery section...

[jQuery] Re: cycle plugin with keyboard

[Mike Alsup]

The plugin does not provide support for keyboard nav.  You'd have to
implement it yourself.

On May 20, 9:48 pm, runrunforest  wrote:
> In cycle plugin, ss there way to switch images by keyboard arrows
> instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[ryan.j]

bind keypress to a check for the charcode/keycode and if your
condition is met, pass the js to load the next img?

$(document).keypress(function (e) {
if (e.which == 32 ) {
/* advance scroller! */
}
});

( lots of interesting stuff on this sort of thing at -->
http://www.quirksmode.org/js/keys.html )

On May 21, 2:48 am, runrunforest  wrote:
> In cycle plugin, ss there way to switch images by keyboard arrows
> instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[ryan.j]

$(window).keypress(function (e) {
  if (e.which == 39 ) {
/* keypress right */
  } elseif (e.which == 37 ) {
/* keypress left */
  } else {
return false;
  }
});

if you can't figure out how to advance the cycle on your own, maybe
try to simulate $('#scrollLeft').click()

On May 21, 2:48 am, runrunforest  wrote:
> In cycle plugin, ss there way to switch images by keyboard arrows
> instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[runrunforest]

could you give some further tip, how can I simulate, where should I
put the code to (document.ready part ?).

On May 21, 10:28 pm, "ryan.j"  wrote:
> $(window).keypress(function (e) {
>   if (e.which == 39 ) {
>     /* keypress right */
>   } elseif (e.which == 37 ) {
>     /* keypress left */
>   } else {
>     return false;
>   }
>
> });
>
> if you can't figure out how to advance the cycle on your own, maybe
> try to simulate $('#scrollLeft').click()
>
> On May 21, 2:48 am, runrunforest  wrote:
>
> > In cycle plugin, ss there way to switch images by keyboard arrows
> > instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[ryan.j]

yeah, stick this in document ready.

to simulate the click, get the id of element you'd normally click to
advance the scroller (inspect it with the mozilla plugin firebug) and
append .click()

On May 21, 4:45 pm, runrunforest  wrote:
> could you give some further tip, how can I simulate, where should I
> put the code to (document.ready part ?).
>
> On May 21, 10:28 pm, "ryan.j"  wrote:
>
> > $(window).keypress(function (e) {
> >   if (e.which == 39 ) {
> >     /* keypress right */
> >   } elseif (e.which == 37 ) {
> >     /* keypress left */
> >   } else {
> >     return false;
> >   }
>
> > });
>
> > if you can't figure out how to advance the cycle on your own, maybe
> > try to simulate $('#scrollLeft').click()
>
> > On May 21, 2:48 am, runrunforest  wrote:
>
> > > In cycle plugin, ss there way to switch images by keyboard arrows
> > > instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[runrunforest]

the all the arrow has charcode of "0" (zero). I know this by the code

var key = e.which;
alert(key);

So how the script which is right arrow which is left arrow.

On May 21, 10:51 pm, "ryan.j"  wrote:
> yeah, stick this in document ready.
>
> to simulate the click, get the id of element you'd normally click to
> advance the scroller (inspect it with the mozilla plugin firebug) and
> append .click()
>
> On May 21, 4:45 pm, runrunforest  wrote:
>
> > could you give some further tip, how can I simulate, where should I
> > put the code to (document.ready part ?).
>
> > On May 21, 10:28 pm, "ryan.j"  wrote:
>
> > > $(window).keypress(function (e) {
> > >   if (e.which == 39 ) {
> > >     /* keypress right */
> > >   } elseif (e.which == 37 ) {
> > >     /* keypress left */
> > >   } else {
> > >     return false;
> > >   }
>
> > > });
>
> > > if you can't figure out how to advance the cycle on your own, maybe
> > > try to simulate $('#scrollLeft').click()
>
> > > On May 21, 2:48 am, runrunforest  wrote:
>
> > > > In cycle plugin, ss there way to switch images by keyboard arrows
> > > > instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[ryan.j]

take a look here -> http://www.quirksmode.org/js/keys.html

37: left
38: up
39: right
40: down

irritatingly, i completely forgot the arrow keys are a special case,
and won't trigger properly (or even consistently) the keypress event
across different browsers. try keydown or keyup to catch the charcode,

On May 22, 5:19 am, runrunforest  wrote:
> the all the arrow has charcode of "0" (zero). I know this by the code
>
> var key = e.which;
> alert(key);
>
> So how the script which is right arrow which is left arrow.
>
> On May 21, 10:51 pm, "ryan.j"  wrote:
>
> > yeah, stick this in document ready.
>
> > to simulate the click, get the id of element you'd normally click to
> > advance the scroller (inspect it with the mozilla plugin firebug) and
> > append .click()
>
> > On May 21, 4:45 pm, runrunforest  wrote:
>
> > > could you give some further tip, how can I simulate, where should I
> > > put the code to (document.ready part ?).
>
> > > On May 21, 10:28 pm, "ryan.j"  wrote:
>
> > > > $(window).keypress(function (e) {
> > > >   if (e.which == 39 ) {
> > > >     /* keypress right */
> > > >   } elseif (e.which == 37 ) {
> > > >     /* keypress left */
> > > >   } else {
> > > >     return false;
> > > >   }
>
> > > > });
>
> > > > if you can't figure out how to advance the cycle on your own, maybe
> > > > try to simulate $('#scrollLeft').click()
>
> > > > On May 21, 2:48 am, runrunforest  wrote:
>
> > > > > In cycle plugin, ss there way to switch images by keyboard arrows
> > > > > instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[ryan.j]

possibly keycode vs. charcode. did you try the keypress thingy on
quirksmode to see what IE returns on keydown?

which version of IE isn't it working?

On May 22, 3:10 pm, runrunforest  wrote:
> thanks
>
> I got this to work in all browser except... IE.
>
> The code i used
>
>         $(window).keydown(function(e){
>                 if(e.which == 37){ $('.prev').click();}
>                 else if(e.which == 39){ $('.next').click();}
>         });
>
> What makes IE not understand this ?
>
> On May 22, 3:15 pm, "ryan.j"  wrote:
>
> > take a look here ->http://www.quirksmode.org/js/keys.html
>
> > 37: left
> > 38: up
> > 39: right
> > 40: down
>
> > irritatingly, i completely forgot the arrow keys are a special case,
> > and won't trigger properly (or even consistently) the keypress event
> > across different browsers. try keydown or keyup to catch the charcode,
>
> > On May 22, 5:19 am, runrunforest  wrote:
>
> > > the all the arrow has charcode of "0" (zero). I know this by the code
>
> > > var key = e.which;
> > > alert(key);
>
> > > So how the script which is right arrow which is left arrow.
>
> > > On May 21, 10:51 pm, "ryan.j"  wrote:
>
> > > > yeah, stick this in document ready.
>
> > > > to simulate the click, get the id of element you'd normally click to
> > > > advance the scroller (inspect it with the mozilla plugin firebug) and
> > > > append .click()
>
> > > > On May 21, 4:45 pm, runrunforest  wrote:
>
> > > > > could you give some further tip, how can I simulate, where should I
> > > > > put the code to (document.ready part ?).
>
> > > > > On May 21, 10:28 pm, "ryan.j"  wrote:
>
> > > > > > $(window).keypress(function (e) {
> > > > > >   if (e.which == 39 ) {
> > > > > >     /* keypress right */
> > > > > >   } elseif (e.which == 37 ) {
> > > > > >     /* keypress left */
> > > > > >   } else {
> > > > > >     return false;
> > > > > >   }
>
> > > > > > });
>
> > > > > > if you can't figure out how to advance the cycle on your own, maybe
> > > > > > try to simulate $('#scrollLeft').click()
>
> > > > > > On May 21, 2:48 am, runrunforest  wrote:
>
> > > > > > > In cycle plugin, ss there way to switch images by keyboard arrows
> > > > > > > instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[runrunforest]

thanks

I got this to work in all browser except... IE.

The code i used

$(window).keydown(function(e){
if(e.which == 37){ $('.prev').click();}
else if(e.which == 39){ $('.next').click();}
});

What makes IE not understand this ?

On May 22, 3:15 pm, "ryan.j"  wrote:
> take a look here ->http://www.quirksmode.org/js/keys.html
>
> 37: left
> 38: up
> 39: right
> 40: down
>
> irritatingly, i completely forgot the arrow keys are a special case,
> and won't trigger properly (or even consistently) the keypress event
> across different browsers. try keydown or keyup to catch the charcode,
>
> On May 22, 5:19 am, runrunforest  wrote:
>
> > the all the arrow has charcode of "0" (zero). I know this by the code
>
> > var key = e.which;
> > alert(key);
>
> > So how the script which is right arrow which is left arrow.
>
> > On May 21, 10:51 pm, "ryan.j"  wrote:
>
> > > yeah, stick this in document ready.
>
> > > to simulate the click, get the id of element you'd normally click to
> > > advance the scroller (inspect it with the mozilla plugin firebug) and
> > > append .click()
>
> > > On May 21, 4:45 pm, runrunforest  wrote:
>
> > > > could you give some further tip, how can I simulate, where should I
> > > > put the code to (document.ready part ?).
>
> > > > On May 21, 10:28 pm, "ryan.j"  wrote:
>
> > > > > $(window).keypress(function (e) {
> > > > >   if (e.which == 39 ) {
> > > > >     /* keypress right */
> > > > >   } elseif (e.which == 37 ) {
> > > > >     /* keypress left */
> > > > >   } else {
> > > > >     return false;
> > > > >   }
>
> > > > > });
>
> > > > > if you can't figure out how to advance the cycle on your own, maybe
> > > > > try to simulate $('#scrollLeft').click()
>
> > > > > On May 21, 2:48 am, runrunforest  wrote:
>
> > > > > > In cycle plugin, ss there way to switch images by keyboard arrows
> > > > > > instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[runrunforest]

its IE 7

On May 22, 9:13 pm, "ryan.j"  wrote:
> possibly keycode vs. charcode. did you try the keypress thingy on
> quirksmode to see what IE returns on keydown?
>
> which version of IE isn't it working?
>
> On May 22, 3:10 pm, runrunforest  wrote:
>
> > thanks
>
> > I got this to work in all browser except... IE.
>
> > The code i used
>
> >         $(window).keydown(function(e){
> >                 if(e.which == 37){ $('.prev').click();}
> >                 else if(e.which == 39){ $('.next').click();}
> >         });
>
> > What makes IE not understand this ?
>
> > On May 22, 3:15 pm, "ryan.j"  wrote:
>
> > > take a look here ->http://www.quirksmode.org/js/keys.html
>
> > > 37: left
> > > 38: up
> > > 39: right
> > > 40: down
>
> > > irritatingly, i completely forgot the arrow keys are a special case,
> > > and won't trigger properly (or even consistently) the keypress event
> > > across different browsers. try keydown or keyup to catch the charcode,
>
> > > On May 22, 5:19 am, runrunforest  wrote:
>
> > > > the all the arrow has charcode of "0" (zero). I know this by the code
>
> > > > var key = e.which;
> > > > alert(key);
>
> > > > So how the script which is right arrow which is left arrow.
>
> > > > On May 21, 10:51 pm, "ryan.j"  wrote:
>
> > > > > yeah, stick this in document ready.
>
> > > > > to simulate the click, get the id of element you'd normally click to
> > > > > advance the scroller (inspect it with the mozilla plugin firebug) and
> > > > > append .click()
>
> > > > > On May 21, 4:45 pm, runrunforest  wrote:
>
> > > > > > could you give some further tip, how can I simulate, where should I
> > > > > > put the code to (document.ready part ?).
>
> > > > > > On May 21, 10:28 pm, "ryan.j"  wrote:
>
> > > > > > > $(window).keypress(function (e) {
> > > > > > >   if (e.which == 39 ) {
> > > > > > >     /* keypress right */
> > > > > > >   } elseif (e.which == 37 ) {
> > > > > > >     /* keypress left */
> > > > > > >   } else {
> > > > > > >     return false;
> > > > > > >   }
>
> > > > > > > });
>
> > > > > > > if you can't figure out how to advance the cycle on your own, 
> > > > > > > maybe
> > > > > > > try to simulate $('#scrollLeft').click()
>
> > > > > > > On May 21, 2:48 am, runrunforest  wrote:
>
> > > > > > > > In cycle plugin, ss there way to switch images by keyboard 
> > > > > > > > arrows
> > > > > > > > instead of clicking "next, prev"

[jQuery] Re: cycle plugin with keyboard

[runrunforest]

I get it to work now, just change the selector "window" to "document",
The IE really has no idea what "window" is LOL.

The working code

$(document).keydown(function(e){
if(e.which == 37){ $('.prev').click();}
else if(e.which == 39){ $('.next').click();}
});

On May 23, 8:34 am, runrunforest  wrote:
> its IE 7
>
> On May 22, 9:13 pm, "ryan.j"  wrote:
>
> > possibly keycode vs. charcode. did you try the keypress thingy on
> > quirksmode to see what IE returns on keydown?
>
> > which version of IE isn't it working?
>
> > On May 22, 3:10 pm, runrunforest  wrote:
>
> > > thanks
>
> > > I got this to work in all browser except... IE.
>
> > > The code i used
>
> > >         $(window).keydown(function(e){
> > >                 if(e.which == 37){ $('.prev').click();}
> > >                 else if(e.which == 39){ $('.next').click();}
> > >         });
>
> > > What makes IE not understand this ?
>
> > > On May 22, 3:15 pm, "ryan.j"  wrote:
>
> > > > take a look here ->http://www.quirksmode.org/js/keys.html
>
> > > > 37: left
> > > > 38: up
> > > > 39: right
> > > > 40: down
>
> > > > irritatingly, i completely forgot the arrow keys are a special case,
> > > > and won't trigger properly (or even consistently) the keypress event
> > > > across different browsers. try keydown or keyup to catch the charcode,
>
> > > > On May 22, 5:19 am, runrunforest  wrote:
>
> > > > > the all the arrow has charcode of "0" (zero). I know this by the code
>
> > > > > var key = e.which;
> > > > > alert(key);
>
> > > > > So how the script which is right arrow which is left arrow.
>
> > > > > On May 21, 10:51 pm, "ryan.j"  wrote:
>
> > > > > > yeah, stick this in document ready.
>
> > > > > > to simulate the click, get the id of element you'd normally click to
> > > > > > advance the scroller (inspect it with the mozilla plugin firebug) 
> > > > > > and
> > > > > > append .click()
>
> > > > > > On May 21, 4:45 pm, runrunforest  wrote:
>
> > > > > > > could you give some further tip, how can I simulate, where should 
> > > > > > > I
> > > > > > > put the code to (document.ready part ?).
>
> > > > > > > On May 21, 10:28 pm, "ryan.j"  
> > > > > > > wrote:
>
> > > > > > > > $(window).keypress(function (e) {
> > > > > > > >   if (e.which == 39 ) {
> > > > > > > >     /* keypress right */
> > > > > > > >   } elseif (e.which == 37 ) {
> > > > > > > >     /* keypress left */
> > > > > > > >   } else {
> > > > > > > >     return false;
> > > > > > > >   }
>
> > > > > > > > });
>
> > > > > > > > if you can't figure out how to advance the cycle on your own, 
> > > > > > > > maybe
> > > > > > > > try to simulate $('#scrollLeft').click()
>
> > > > > > > > On May 21, 2:48 am, runrunforest  wrote:
>
> > > > > > > > > In cycle plugin, ss there way to switch images by keyboard 
> > > > > > > > > arrows
> > > > > > > > > instead of clicking "next, prev"

[jQuery] Re: Cycle Plugin Fade Issue

[Mike Alsup]

>I have noticed on my website, as well as the JQuery Cycle Plugin's
> Home Page, that when the fade effect is used, divs in the header
> (including the text) are undergoing the fade effect not just the
> slideshow.
>
> Any thoughts?
>
> An example is athttp://malsup.com/jquery/cycle/fade-in-first.html
> (Pay attention to the top navigation).  I've played around with it and
> it's not just fading in the first image.  It's anytime the image is
> fading.

I'm not seeing this behavior.  What browser are you using?

[jQuery] Re: Cycle Plugin Fade Issue

[mnordyke]

Here's the fix that Mike provided.  I forgot to mention it turned out
to be Mac/FF2 issue:

http://snipplr.com/view/6581/jquery-firefox-mac-hack/

Thanks again Mike.

On Jul 8, 12:00 pm, Mike Alsup <[EMAIL PROTECTED]> wrote:
> >I have noticed on my website, as well as the JQuery Cycle Plugin's
> > Home Page, that when the fade effect is used, divs in the header
> > (including the text) are undergoing the fade effect not just the
> > slideshow.
>
> > Any thoughts?
>
> > An example is athttp://malsup.com/jquery/cycle/fade-in-first.html
> > (Pay attention to the top navigation).  I've played around with it and
> > it's not just fading in the first image.  It's anytime the image is
> > fading.
>
> I'm not seeing this behavior.  What browser are you using?

[jQuery] Re: Cycle Plugin Fade Issue

[mnordyke]

It's actually only on my Mac machines (FF2, FF3 and Safari).  All
windows machines seem to be displaying correctly.

Actually, I just got home to my other mac .. and everything seems
fine.  Must be my browsers at work.



On Jul 8, 12:00 pm, Mike Alsup <[EMAIL PROTECTED]> wrote:
> >I have noticed on my website, as well as the JQuery Cycle Plugin's
> > Home Page, that when the fade effect is used, divs in the header
> > (including the text) are undergoing the fade effect not just the
> > slideshow.
>
> > Any thoughts?
>
> > An example is athttp://malsup.com/jquery/cycle/fade-in-first.html
> > (Pay attention to the top navigation).  I've played around with it and
> > it's not just fading in the first image.  It's anytime the image is
> > fading.
>
> I'm not seeing this behavior.  What browser are you using?

[jQuery] Re: Cycle plugin newbie question

[Mike Alsup]

> this should be pretty easy to answer. im a complete newbie to jquery
> and javascript, but id like to use the cycle plugin (http://malsup.com/
> jquery/cycle/) on my website to animate a few images. i know html and
> css but i could not find clear steps or documentation on the website
> as to how to implement the plugin on your page. i have viewed the page
> source on a few pages that used it and tried to copy/paste/match the
> code but none of it has worked so far. i was wondering if there was a
> tutorial somewhere on how to get started using this plugin or how to
> just call it to the div that contains the images ?? from the html
> header or inline somehow, or include some code into
> jquery.cycle.all.js ?? thanks..

Here's a very, very basic demo:

http://www.malsup.com/jquery/cycle/basic.html

Mike

[jQuery] Re: cycle plugin: sIFR'ing cycle

[Mike Alsup]

>  Has anybody gotten a sIFR'd text element to work properly with the
>  cycle plugin?  I can sIFR a  element, and I can create a slideshow
>  with that same  element, but not at the same time.  The first
>  sIFR'd element in the slideshow shows fine, but subsequent slides
>  disappear.
>
>  When I thought about doing it, I didn't really expect it to work -
>  there is so much going on there that something was bound to break.
>  But I thought I would try it.  I tried using the latest sIFR
>  configuration (3r397) and the jQuery sIFR plugin (which uses sIFR 2 I
>  believe).

Jeff,

I haven't tried this but I think you'd have better success if you
wrapped each paragraph in a div and used the divs as the slides.  That
should avoid any confusion with the flash objects.

Mike

[jQuery] Re: cycle plugin: sIFR'ing cycle

[will]

On Apr 26, 3:37 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> >  Has anybody gotten a sIFR'd text element to work properly with the
> >  cycle plugin?  I can sIFR a  element, and I can create a slideshow
> >  with that same  element, but not at the same time.  The first
> >  sIFR'd element in the slideshow shows fine, but subsequent slides
> >  disappear.
>
> >  When I thought about doing it, I didn't really expect it to work -
> >  there is so much going on there that something was bound to break.
> >  But I thought I would try it.  I tried using the latest sIFR
> >  configuration (3r397) and the jQuery sIFR plugin (which uses sIFR 2 I
> >  believe).
>
> Jeff,
>
> I haven't tried this but I think you'd have better success if you
> wrapped each paragraph in a div and used the divs as the slides.  That
> should avoid any confusion with the flash objects.
>
> Mike

It wont work unless you can find a way to reload the sifr for each
cycle as sifr is rendered on page load. So if something is displayed
none (as the cycle panels are) then it wont load initially.

[jQuery] Re: Cycle plugin (Mike) problem

[Mike Alsup]

>  The 'cleartype' issue in IE does not only appear with the fade
>  transition, but also with others. When you look at the demo:
>  http://malsup.com/jquery/cycle/int2.html (No-Image Content demo), the
>  slide numbered 1 has the cleartype issue. But only that slide! Not
>  all.
>
>  I'm using the slide where the container has a gradient background, so
>  I cannot give the items a background color (that solves the cleartype
>  issue). Is there another way to do this? The design of the site will
>  be less nice when I can not use the gradient background.


If you don't want the bg color to change then use this option:  cleartypeNoBg

$('#slideshow').cycle({
cleartype: true,
cleartypeNoBg:  true
});

Mike

[jQuery] Re: Cycle plugin (Mike) problem

[Snef]

Hi Mike!

That did the trick! Thanks for that! (and for the very quick reply!)

And also thank you for implementing the continuous property! :)

Mike Alsup wrote:
> >  The 'cleartype' issue in IE does not only appear with the fade
> >  transition, but also with others. When you look at the demo:
> >  http://malsup.com/jquery/cycle/int2.html (No-Image Content demo), the
> >  slide numbered 1 has the cleartype issue. But only that slide! Not
> >  all.
> >
> >  I'm using the slide where the container has a gradient background, so
> >  I cannot give the items a background color (that solves the cleartype
> >  issue). Is there another way to do this? The design of the site will
> >  be less nice when I can not use the gradient background.
>
>
> If you don't want the bg color to change then use this option:  cleartypeNoBg
>
> $('#slideshow').cycle({
> cleartype: true,
> cleartypeNoBg:  true
> });
>
> Mike

[jQuery] Re: Cycle plugin (Mike) problem

[Snef]

Too fast replied

It still has some strange behaviour. Now only the first slide when
showed for the first time will look bad. When it is showed in the
'next cycle' it will be displayed correctly.

Any ideas?

Mike Alsup wrote:
> >  The 'cleartype' issue in IE does not only appear with the fade
> >  transition, but also with others. When you look at the demo:
> >  http://malsup.com/jquery/cycle/int2.html (No-Image Content demo), the
> >  slide numbered 1 has the cleartype issue. But only that slide! Not
> >  all.
> >
> >  I'm using the slide where the container has a gradient background, so
> >  I cannot give the items a background color (that solves the cleartype
> >  issue). Is there another way to do this? The design of the site will
> >  be less nice when I can not use the gradient background.
>
>
> If you don't want the bg color to change then use this option:  cleartypeNoBg
>
> $('#slideshow').cycle({
> cleartype: true,
> cleartypeNoBg:  true
> });
>
> Mike

[jQuery] Re: Cycle plugin (Mike) problem

[Mike Alsup]

>  Too fast replied
>
>  It still has some strange behaviour. Now only the first slide when
>  showed for the first time will look bad. When it is showed in the
>  'next cycle' it will be displayed correctly.
>
>  Any ideas?


Can you post a link?

[jQuery] Re: Cycle plugin pagerAnchorBuilder question

[Mike]

> Hi,
> I'm using the cycle plugin (and loving it).  I'm using
> 'pagerAnchorBuilder' to build out the nav dynamically in an Ordered
> List.  One thing I'd like to change is instead of having the
> 'activeSlide' class set on the anchor element, I'd prefer to have it
> set on its parent LI element.
>
> What would be the most elegant way to achieve this?  Your help is
> appreciated - thanks!
>
> (below is the code I'm using)...
>
> $(document).ready(function(){
> $('#slides').after('').cycle({
> cleartype: 1,
> fx: 'fade',
> pager: '#navSlides ol',
> pagerAnchorBuilder: function(idx, slide) {
> if (idx == 0) {
> return '' + 
> (idx + 1) + '';
> }
> else {
> return '' + (idx + 1) + 
> '';
> }
> }
> });
>
> });


No way to do that now without modding the code.  I'll add that
capability into the next rev though.

Mike

[jQuery] Re: Cycle plugin pagerAnchorBuilder question

[Andy Ford]

Thanks, Mike!  I look forward to that feature in the next rev.  Having
the class on the parent LI affords more flexibility with the css.

Guess I can probably check for anchor elements with the class of
"activeSlide" and then apply a class to the parent LI element maybe?
Anyone know how I might go about doing this effectively?

sorry, my js skills are minimal.   I fear I'd spend way too much time
only to arrive at a really awkward solution if any!

thanks!

[jQuery] Re: Cycle plugin pagerAnchorBuilder question

[Mike]

On May 21, 7:57 pm, Andy Ford <[EMAIL PROTECTED]> wrote:
> Thanks, Mike!  I look forward to that feature in the next rev.  Having
> the class on the parent LI affords more flexibility with the css.

Andy, this is now available in Cycle v2.20.  Here's a direct link to
the demo:

http://www.malsup.com/jquery/cycle/pager7.html

Mike

[jQuery] Re: Cycle plugin creating links

[Charlie]

Several methods:

Simplest is put an  tag around each image in your markup. 

Alternate method- create array of the url's and bind a click handler to
images. Index the images to the url array and the window function you
want such as open() for a new tab. Will need to modify cursor in CSS
for this method

var
urlArray=['http://www.yahoo.com','http://www.google.com','http://www.ebay.com'];

    $("#mySlideshow img").click(function() {
        var imageIndex= $(".pics img").index(this);
        window.open(urlArray[imageIndex])// to open in same window use
window.location.assign(urlArray[imageIndex])
    
    });

quez wrote:

  Hi all,
I would like to link each image in the cycle to a specific page. Any
ideas on how to do this? I got it to cycle and everything is working
fine. I just want it so that the actual image is clickable.

Thank you.

  

[jQuery] Re: Cycle plugin creating links

[Mike Alsup]

> I would like to link each image in the cycle to a specific page. Any
> ideas on how to do this? I got it to cycle and everything is working
> fine. I just want it so that the actual image is clickable.
>

Here's an example:

http://www.malsup.com/jquery/cycle/anchor.html