WordPress.org

Support

Support » Plugins and Hacks » Latest posts with javascript

Latest posts with javascript

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

  • The topic ‘Latest posts with javascript’ is closed to new replies.