Next Prev within a "gallery" displayed in image.php
-
Greetings,
I am attempting this user experience:
A user visits a page with an inserted gallery, displaying WP generated thumbnails. When a thumbnail is clicked, the user is taken to a “large version” of the image as displayed by “image.php”.The user may click Previous or Next to view additional images from the gallery, and each attachment page of course has its own url.
I can get all the display I need from the following (below) however, the Previous and Next display ALL images in the media gallery, and will not understand that I want to “next” and “prev” ONLY within the inserted gallery.
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?> <?php if ( ! empty( $post->post_parent ) ) : ?> <p class="page-title"><a>post_parent ); ?>" title="<?php esc_attr( printf( __( 'Return to %s', 'twentyten' ), get_the_title( $post->post_parent ) ) ); ?>" rel="gallery"> <?php /* translators: %s - title of parent post */ printf( __( '<span class="meta-nav">←</span> %s', 'twentyten' ), get_the_title( $post->post_parent ) ); ?></a></p> <?php endif; ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <h2 class="entry-title"><?php the_title(); ?></h2> <?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?> <div class="entry-content"> <div class="entry-attachment"> <?php if ( wp_attachment_is_image() ) : $attachments = array_values( get_children( array( 'post_parent' => $post->post_parent, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID' ) ) ); foreach ( $attachments as $k => $attachment ) { if ( $attachment->ID == $post->ID ) break; } $k++; // If there is more than 1 image attachment in a gallery if ( count( $attachments ) > 1 ) { if ( isset( $attachments[ $k ] ) ) // get the URL of the next image attachment $next_attachment_url = get_attachment_link( $attachments[ $k ]->ID ); else // or get the URL of the first image attachment $next_attachment_url = get_attachment_link( $attachments[ 0 ]->ID ); } else { // or, if there's only 1 image attachment, get the URL of the image $next_attachment_url = wp_get_attachment_url(); } ?> <nav id="image-navigation" class="navigation image-navigation"> <div class="nav-links"> <?php previous_image_link( false, '<div class="previous-image">' . __( 'Previous Image', 'twentyfourteen' ) . '</div>' ); ?> <?php next_image_link( false, '<div class="next-image">' . __( 'Next Image', 'twentyfourteen' ) . '</div>' ); ?> </div><!-- .nav-links --> </nav><!-- #image-navigation --> <p class="attachment"><a>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment"><?php $attachment_size = apply_filters( 'twentyten_attachment_size', 900 ); echo wp_get_attachment_image( $post->ID, array( $attachment_size, 9999 ) ); // filterable image width with, essentially, no limit for image height. ?></a></p> </div><!-- .entry-attachment --> <?php else : ?> <a>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment"><?php echo basename( get_permalink() ); ?></a> <?php endif; ?> <div class="entry-caption"><?php if ( !empty( $post->post_excerpt ) ) the_excerpt(); ?></div> <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?> </div><!-- .entry-content --> </div><!-- #post-## --> <?php endwhile; ?>
THANK U!
- The topic ‘Next Prev within a "gallery" displayed in image.php’ is closed to new replies.