Question

I have a page which has a slideshow at the top, and images inserted inline into the content area.

I need to exclude the images that have been inserted into the post from the slideshow.

Currently I am excluding the ‘Featured Image’, but this limits me to one image that can be inserted into the post.

Here is my existing code:

$thumbnail = get_post_thumbnail_id();
$images = get_children( 'post_type=attachment&post_mime_type=image&order=asc&orderby=menu_order&post_parent='.$post->ID .'&exclude='.$thumbnail);

Previously I have used the description field of the image meta data to exclude images by entering ‘exclude’. This isn’t as nice for the end user as I’d like it to be.

Any suggestions, plugins or code based!

Update:
I’ve updated the code, so now I get any image URLs from the post_content and check them against the slideshow images.

    $content = $post->post_content;
    $inlineImages = array();
    preg_match( '/src="([^"]*)"/i', $content, $inlineImages ) ;
    $thumbnail = get_post_thumbnail_id($post->ID);

    $images = get_children( 'post_type=attachment&post_mime_type=image&order=asc&orderby=menu_order&post_parent='.$post->ID .'&exclude='.$thumbnail);

    if ($images) {
        echo '<div id="slideshow">';
        foreach ( $images as $attachment_id => $attachment ) {
            $image = wp_get_attachment_image_src( $attachment_id,array(900,265)); 

            if (!in_array($image[0],$inlineImages)) {
                echo '<img src="'.$image[0].'" width="'. $image[1] .'" height="'. $image[2].'">';
            }
        }
        echo '</div>';
    }

This is an OK solution, although the regex could be improved.

A nicer step would be to add the array of images to a custom field field, which
is updated on post / page update or publish.

Any suggestions on how to go about this?

Answer 1

I’ve updated the code, so now I get any image URLs from the post_content and check them against the slideshow images.

$content = $post->post_content;
$inlineImages = array();
preg_match( '/src="([^"]*)"/i', $content, $inlineImages ) ;
$thumbnail = get_post_thumbnail_id($post->ID);

$images = get_children( 'post_type=attachment&post_mime_type=image&order=asc&orderby=menu_order&post_parent='.$post->ID .'&exclude='.$thumbnail);

if ($images) {
    echo '<div id="slideshow">';
    foreach ( $images as $attachment_id => $attachment ) {
        $image = wp_get_attachment_image_src( $attachment_id,array(900,265)); 

        if (!in_array($image[0],$inlineImages)) {
            echo '<img src="'.$image[0].'" width="'. $image[1] .'" height="'. $image[2].'">';
        }
    }
    echo '</div>';
}