Cycle: Anchor links on slideshow images + Captions
Hey all,
I'm creating a slider with the Cycle plugin and ran into a little bit of a road block.
What I want to do is simply have anchor links on my slideshow images, which I can get working just fine, except that when I add these anchor links, it removes my image caption (which worked prior to adding anchors on my images)
Here is the code I'm using:
- $('#slideshow').after('<div id="nav">').cycle({
width: 760,
height: 250,
fit: 1,
fx: 'scrollHorz',
speed: 1000,
timeout: 6000,
pager: '#nav',
after: onAfter
});
function onAfter() {
$('#slidecopy').html(this.alt);
}
- <div id="slideshow-container">
<div id="slideshow">
<div>
<a href="/work/">
<img src="/images/temp/tempslider.jpg" width="760" height="250" alt="This is some text to go with slide 1" />
</a>
</div>
<div>
<a href="/work/">
<img src="/images/temp/tempslider.jpg" width="760" height="250" alt="This is some text to go with slide 2" />
</a>
</div>
<div>
<a href="/work/">
<img src="/images/temp/tempslider.jpg" width="760" height="250" alt="This is some text to go with slide 3" />
</a>
</div>
</div>
<p id="slidecopy"></p>
</div>
Any help or suggestions would be greatly appreciated.
Thanks!