Hey everyone, new to the forum -
I’m having trouble finishing the code of my custom slider within my Wordpress site.
Here’s my Q on Stack Overflow, I had some cool, helpful responses, but still cannot get this correct:
http://stackoverflow.com/questions/9284598/themeing-my-slider-in-wp-with-php
Where I’m at currently is; I’ve followed a tutorial and have managed to wrap the loop around the right thumb nail areas (vertical rectangle spots), where they now pull in the recent posts to populate.
(Tutorial used via http://www.ghostpool.com/freebies/how-to-integrate-a-slider-into-the-wordpress-loop/#)
BUT!! I cannot, get the recent posts to pull into the main larger slider area, nor a set featured image. I’ve tried the image method suggested via tutorial link above as well as referenced a few other tutorials. I’m pretty novice in PHP and I’m probably just forgetting something small or not adding something somewhere.
Here is the most updated code of slider: (The rest is a few simple jQuery that creates the transition, shouldn’t need to worry about right?)
<?php
/**
* @package WordPress
* @subpackage Default_Theme
*/
$pagePtr="home";
include @ ("header.php");
//get_header(); ?>
<div id="content">
<?php if (have_posts()) : ?>
<!--Your slider code goes here-->
<div id="featured" >
<ul class="ui-tabs-nav">
<?php while (have_posts()) : the_post(); ?>
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="" alt="" style="display:none;"/><span><?php the_title(); ?><br /><p class="info" style="padding-left:10px;"><?php the_excerpt(); ?></p></span></a></li>
<?php endwhile; ?>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="" alt="" style="display:none;"/><span><?php the_title(); ?><br /><p class="info" style="padding-left:10px;"><?php the_excerpt(); ?></p></span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="" alt="" style="display:none;"/><span><?php the_title(); ?><br /><p class="info" style="padding-left:10px;"><?php the_excerpt(); ?></p></span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="" alt="" style="display:none;"/><span><?php the_title(); ?><br /><p class="info" style="padding-left:10px;"><?php the_excerpt(); ?></p></span></a></li>
</ul>
<?php while (have_posts()) : the_post(); ?>
<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="<?php the_post_thumbnail('slider_image'); ?>" alt="" />
<div class="info" >
<h2><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?><a href="<?php the_permalink(); ?>" >read more</a></p>
</div>
</div>
<?php endwhile; ?>
<!-- Second Content -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="<?php the_post_thumbnail('slider_image'); ?>" alt="" />
<div class="info" >
<h2><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?><a href="<?php the_permalink(); ?>" >read more</a></p>
</div>
</div>
<!-- Third Content -->
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="<?php the_post_thumbnail('slider_image'); ?>" alt="" />
<div class="info" >
<h2><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2>
<p><?php the_excerpt(); ?><a href="<?php the_permalink(); ?>" >read more</a></p>
</div>
</div>
<!-- Fourth Content -->
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="<?php the_post_thumbnail('slider_image'); ?>" alt="" />
<div class="info" >
<h2><a href="<?php the_permalink(); ?>" ><?php the_excerpt(); ?></a></h2>
<p><?php the_excerpt(); ?><a href="<?php the_permalink(); ?>" >read more</a></p>
</div>
</div>
</div>
<!--Your slider code goes here-->
<!-- End Featured Lists Image Slider -->
<?php endif; ?>