Ok so I tried what you said but still no change.
I am new to jQuery so please excuse my ignorance in the questions
below.
I am not sure what exactly this line does:
onAfter.apply($('a:first')[0]);
I can see what the onAfter function does, but this line makes no sense
to me. Am I calling the right thing? Should I change it to,
onAfter.apply($('#slide a:first')[0]);, since it resides in the #slide
div?
Any help would be appreciated, please feel free to look at my code
below.
Here is my code:
<script type="text/javascript">
$.fn.cycle.defaults.timeout = 6000;
$(function() {
$('#slide').cycle({
fx: 'fade',
timeout: 10000,
delay: 0,
next: '#next2',
prev: '#prev2',
after: onAfter
});
onAfter.apply($('a:first')[0]);
});
function onAfter() {
$('#output').html('<a href="'+this.href+'">learn more</a>');
}
</script>
<div id="slide">
<a href="/about-us/business-strategy/" target="_self"><img src="/
images/homepage/new/focused-strategy.jpg" alt="Focused Strategy - For
over two decades, we have pursued a focused business strategy of
acquiring and successfully operating domestic oil and gas properties.
As our asset base has grown, our focus has sharpened." border="0"
title="" /></a>
<a href="/operations/" target="_self"><img src="/images/homepage/new/
operating-excellence.jpg" alt="Operating Excellence - We’re the leader
in field operations located in the mature waterfloods of the Southern
Oklahoma Region and are a two-time nominee for “Operator of the Year”
by the Oklahoma Corporation Commission." border="0" title="" /></a>
<a href="/workplace/careers/" target="_self"><img src="/images/
homepage/new/careers.jpg" alt="Career Opportunities - Our goal is for
our employees to experience the uniqueness of a close-knit
organization with high regard for teamwork and a sense of belonging."
border="0" title="" /></a>
<a href="/about-us/our-people/" target="_self"><img src="/images/
homepage/new/our-people.jpg" alt="Our People - Citation’s success
rests upon its greatest asset – its employees. We believe long-term
retention relies on a combination of a supportive culture, competitive
compensation, and consistent recognition." border="0" title="" /></a>
</div>
<div class="slide_nav"><div class="slidey"><a id="prev2"
href="#">prev</a> | <a id="next2" href="#">next</
a></div><div id="output"></div></div>
-Richard
On Aug 28, 4:58 pm, Mike Alsup <[EMAIL PROTECTED]> wrote:
> > I have the Cycle plug-in working on a site I am creating, and I am
> > trying to use anchor tags on the images to navigate the user to a
> > different page. I can get a text link to change depending on what
> > href is wrapped around the image, but the images will not change what
> > they are linking to. Whenever I hover over an image and click on it,
> > it will only use the href of the first image no matter what image I am
> > on. I am using this example as a guide.
>
> >http://malsup.com/jquery/cycle/anchor.html
>
> > Anybody else have this problem
>
> If your markup looks like that in the demo then make sure you give
> youranchorsa display:block style.
>
> Mike
