Search jQuery

jQuery Forum

Using jQuery Plugins

ale3andros

Using titles for each slide in CYCLE plugin

in Using jQuery Plugins • 12 years ago

Hello.

This is the code i'm using :

function ajaxpage(url, containerid) {
var $container= $('#' + containerid);
$container.hide().load(url, function() {
$container.fadeIn();
$('.slideshow').cycle({
fx: 'fade',
speed: 'slow',
timeout: 0,
next: '#next2',
prev: '#prev2'
});
});
}

This is my slideshow :

I would like titles to be featured for each slide (the ALT tag if possible)

Just like here :

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

(Callbacks paragraph)

Anyone with some specific ideas...? I'm getting lost in the codes!

Thanks for your time.

Until soon.

Replies(3)

malsup

Re: Using titles for each slide in CYCLE plugin

12 years ago

Use the 'after' option:

after: function() {

var alt = $(this).attr('alt');

// do something with alt text

$('#someElement').html(alt);

}

ale3andros

Re: Using titles for each slide in CYCLE plugin

12 years ago

So would the code look like this ? :

function ajaxpage(url, containerid) {

var $container= $('#' + containerid);

$container.hide().load(url, function() {

$container.fadeIn();

$('.slideshow').cycle({

fx: 'fade',

speed: 'slow',

timeout: 0,

next: '#next2',

prev: '#prev2'

after: function() {

var alt = $(this).attr('alt');

// do something with alt text

$('#someElement').html(alt);

}

});

}

This doesn't seem to work...

Oh and, i've changed my code to this :

function ajaxpage(url, containerid) {

var $container= $('#' + containerid);

$container.hide().load(url, function() {

$container.fadeIn();

$('.slideshow')

.after('<div id="nav">')

.cycle({

fx: 'blindX',

speed: 'slow',

delay: -2000,

pager: '#nav'

});

}

So...

if you could show me where to write the 'after' function I would be grateful!

Thanks again.

malsup

Re: Using titles for each slide in CYCLE plugin

12 years ago

$('.slideshow').after('<div id="nav">').cycle({
fx: 'blindX',
speed: 'slow',
delay: -2000,
pager: '#nav',
after: function() {
var alt = $(this).attr('alt');
// do something with alt text
// ...
}
});

Top Reply

Response title

Attachments

jQuery Forum

Using titles for each slide in CYCLE plugin

Replies(3)

Re: Using titles for each slide in CYCLE plugin

Re: Using titles for each slide in CYCLE plugin

Re: Using titles for each slide in CYCLE plugin

Statistics

Tags

Actions