WordPress.org

Ready to get started?Download WordPress

Forums

Latest posts with javascript (1 post)

  1. Skinny_Latte
    Member
    Posted 5 years ago #

    Hello,

    I am trying to pull the 3 most recent posts from my portfolio category and apply this javascript code to them (http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/)on my front page. These posts need to have an image as well- all put in using a custom field of bigimg.

    So far I've only managed to get the same last post 3 times! I know how to get the last 3 most recent posts....but I don't understand how to make them each go into the separate divs and each use the javascript. I need the last 3 most recent posts with their own bigimg, title and permalink. I am reluctant to use more than one custom field for the bigimg (eg bigimg1, bigimg2, bigimg3) as I would then have to change the positions of each post every time I wanted to put a new one in. I know this is a long post but can anybody please help? I'm sure it can't be difficult, I'm probably just doing something stupid wrong...

    Here is my code:

    <?php $recent = new WP_Query("category_name=portfolio&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
    
    <div class="boxgrid captionfull">
    
    <?php $bigimg = get_post_meta($post->ID, 'bigimg', true); ?>
    <img src="<?php echo $bigimg ?>" alt="<?php the_title(); ?>" border="0" /></a>
    <div class="cover boxcaption">
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>
    
    </div>
    </div>
    
    <div class="boxgrid captionfull">
    
    <?php $bigimg = get_post_meta($post->ID, 'bigimg', true); ?>
    <img src="<?php echo $bigimg ?>" alt="<?php the_title(); ?>" border="0" />
    <div class="cover boxcaption">
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>
    
    </div>
    </div>
    
    <div class="boxgrid captionfull">
    
    <?php $bigimg = get_post_meta($post->ID, 'bigimg', true); ?>
    <img src="<?php echo $bigimg ?>" alt="<?php the_title(); ?>" border="0" />
    <div class="cover boxcaption">
    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>
    
    </div>
    </div>

    Is it something to do with getting the last post but one, last post but two etc etc? Can anybody help? Coding is not my strong point!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.