it looks like I'm a little late to the game on this thread, but I
found it via google, and you guys seem to know what you're talking
about :-)
I'm trying to get this to work on a WordPress theme that I'm
developing for my site, but for some reason it just won't work. I'm
new to jQuery, but this should be pretty straightforward.
http://www.nathanrice.net/?wptheme=NR2.0
I have the script call in the head section, and I've got the necessary
code:
$(document).ready(function() {
$('#s2').cycle({
fx: 'fade',
speed: 'normal',
timeout: 6000
});
});
plus the markup:
div id=s2 class=pics
a href=http://www.nathanrice.net/themes/rockinbizred/;img
src=?php bloginfo('template_url'); ?/images/slides/rockinbizred-
slide.jpg width=595 height=192 alt=RockinBizRed 2.0 //a
a href=http://www.nathanrice.net/themes/stripped/;img src=?
php bloginfo('template_url'); ?/images/slides/stripped.jpg
width=595 height=192 alt=Stripped WordPress Theme //a
img src=?php bloginfo('template_url'); ?/images/slides/
tagcloud.jpg width=595 height=192 alt=Tag Cloud /
/div
In theory this should be working, but it's not. Any help would be
much appreciated.
Thanks!
Nathan
On Jan 25, 6:18 pm, visitorQ [EMAIL PROTECTED] wrote:
thanks mike i'll try that and get back to you guys! you're all
great
On Jan 25, 3:40 pm, Mike Alsup [EMAIL PROTECTED] wrote:
image and have it say 'read article ' and a user could click it. then
when the image fades, the link does also, until the next image fades
in, with it's own text link to its own article. i'm not having much
luck since i need to write each link it's own class in the stylesheet
because they need to be positioned a little differently from eachother
over their images. how would i do this? the plugin doesn't like to see
div tags after each image. it doesn't like it when i put text within
the image tags. what do you think i should do?
Q, you just need to think outside the box a little bit. The thing to
remember is thatCyclewill treat each immediate child element of the
container as a slide. A slide can be whatever you want (img, div, p, etc)
and can contain whatever you need. For example:
div id=slideshow
div
img src=image1.jpg/
a href=/whateverWhatever/a
divblah blah blah/div
/div
div
img src=image1.jpg/
a href=/whateverWhatever/a
divblah blah blah/div
/div
/div
The markup above would drive a two-slide slideshow. You then just need to
apply the appropriate CSS to the container and slides to make your markup
bow to your will.
Mike
