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
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