2009/6/3 Arie <thomasa...@gmail.com>:
>
> Hello,
>
> I tried to use Cycle Plugin, and it works great. I have the "Previous
> and Next" navigation work without any problem.
>
> This is the code I have:
>
> -----------------
> <script type="text/javascript">
> $(function() {
> $('#feat-container').cycle({
> prev: '#prev',
> next: '#next',
> timeout: 8000, // milliseconds between slide transitions (0 to
> disable auto advance)
> speed: 2000, // speed of the transition (any valid fx speed value)
> delay: 0
> });
> });
> </script>
>
> <div class="feat-container">
>
> <div class="featloop">
> <p>Aenean lacinia mi et odio scelerisque at ultricies tortor mattis.
> Nullam sit amet mauris velit, a tincidunt purus.</p>
> </div>
>
> <div class="featloop">
> <p>Nam fringilla aliquam vehicula. Vivamus ultricies, lacus eget
> interdum rhoncus, ligula metus tempor arcu, eget volutpat nibh dolor
> eget ipsum.</p>
> </div>
>
> <div class="featloop">
> <p>Pellentesque habitant morbi tristique senectus et netus et
> malesuada fames ac turpis egestas</p>
> </div>
>
> </div>
>
> <div class="featnav"><a id="prev" href="#"><img src="prev.gif" alt="" /
>></a><a id="next" href="#"><img src="next.gif" alt="" /></a><a href="/
> link/to/archives/"><img src="more.gif" alt="" /></a></div>
> -----------------
>
> Now, how to have the previous and next inside the container? So, on
> each item, there should be a link to "next"/"prev" item?
>
> Thank you!
>
> regards,
>
> Arie
Sorry, I think I need to update my question.
>From what I've posted, I want to have something like this in the HTML.
------------------
<div class="feat-container">
<div class="featloop">
<p>Aenean lacinia mi et odio scelerisque at ultricies tortor mattis.
Nullam sit amet mauris velit, a tincidunt purus.</p>
<div class="featnav"><a id="prev" href="#"><img src="prev.gif" alt="" /
></a><a id="next" href="#"><img src="next.gif" alt="" /></a><a href="/
link/to/archives/"><img src="more.gif" alt="" /></a></div>
</div>
<div class="featloop">
<p>Nam fringilla aliquam vehicula. Vivamus ultricies, lacus eget
interdum rhoncus, ligula metus tempor arcu, eget volutpat nibh dolor
eget ipsum.</p>
<div class="featnav"><a id="prev" href="#"><img src="prev.gif" alt="" /
></a><a id="next" href="#"><img src="next.gif" alt="" /></a><a href="/
link/to/archives/"><img src="more.gif" alt="" /></a></div>
</div>
<div class="featloop">
<p>Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas</p>
<div class="featnav"><a id="prev" href="#"><img src="prev.gif" alt="" /
></a><a id="next" href="#"><img src="next.gif" alt="" /></a><a href="/
link/to/archives/"><img src="more.gif" alt="" /></a></div>
</div>
</div>
----------------
So, in every item, there are navigation to next and previous page. If
there are few things to modify in the script or HTML, which one?
Thank you...
regards,
Arie
