PDA

View Full Version : Featured Content Slider pagination help



jparks
02-19-2009, 04:22 PM
1) Script Title:

Freatured Content Slider v2.4

2) Script URL (on DD):

http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

3) Describe problem:

I installed Featured Content Slider v2.4 on my site:

http://embeddedcomputingsystems.com/2/?page_id=5

I am pulling content from my WordPress install... my issue is that while my stories are loading in the first portion, I also need then image thumbnails to load in the the pagination portion...

I have tried to use multiple "loops" to grab the post's image, title, and link in the first loop.

<div id="slider1" class="sliderwrapper">
<?php query_posts('showposts=3'); // First loop, we only get the most recent post
if (have_posts()) :
while (have_posts()) : the_post(); ?>

<div class="contentdiv">
<a href="<?php the_permalink(); ?>"><img src="<?php $key="image"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php the_title(); ?>" border="0" style="border: 3px solid #333333; filter:alpha(opacity=60); opacity:0.6;"/></a>
<div class="topstorysm">
<h4><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h4>
<?php the_excerpt(); ?>
<span class="comments"><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></span>
</div>
</div>
<?php endwhile; endif; ?>
</div>

<div id="paginate-slider1" class="pagination">

<?php query_posts('showposts=3'); // Second loop
if (have_posts()) :
while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink(); ?>" class="toc"><img src="<?php $key="thumb"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php the_title(); ?>" border="0" /></a>
<?php endwhile; endif; ?>

</div>

<script type="text/javascript">

featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: ["markup"], //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["<img src='prev.gif' />", "<img src='next.gif' />"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 6000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})

</script>

In the second I am calling for the "thumbs" for the pagination portion, but can't seem to get it to work!

Any help is greatly appreciated! Thanks!

Jon