Need help? Check out our Support site, then


How to show one image only for the whole gallery?

  1. I want to create a gallery with 20 images, but on the page, I want to show only one image with title, when user click on the image, s/he will be brought to the gallery show. Does wordpress has that function? Thanks.

    The blog I need help with is 119petticoat.wordpress.com.

  2. If your theme supports it, you can use the gallery post format which will show only a single post on the main page and then when that post is clicked, the gallery will show on the single-post page.

  3. Here is a list of themes that support post formats and which formats they support.

  4. Reverse list (by post format instead of by theme) here:
    http://wpbtips.wordpress.com/2011/08/08/alternative-post-formats/

    Alternative:
    Upload all the images from your computer and click Insert Gallery. Then go to Media > Library, hover over the image you want to display, note its ID number in the status/progress bar of your browser. Back to the post editor, switch to HTML, change the gallery shortcode to this, if you want a thumbnail:
    [gallery include="ID NUMBER HERE"]
    Or to this, if you want a full-width image:
    [gallery columns="1" size="full" include="ID NUMBER HERE"]

    The gallery post format is supported in some themes only, and the result will be one image on the main posts page but all the images when you view the single complete post. The alternative I suggest works in all themes, and it will give you one image in the post on both the main posts page and the single post view.

  5. Thanks to all for your replies.

    @pana: I uploaded 9 images and clicked Insert Gallery. I also found out their IDs. In my test2 page, I added a gallery and I see 6 thumnails; if I change [gallery] to [gallery include="38"], then only image 38 is shown as thumnail, HOWEVER, when I click on the thumnail, it opens only one image instead of 6 or 9.

    What's wrong with my procedure? Thanks.

  6. @thesacredpath: I tested another theme (Chateau) in the link you provided, as you can see from the test2 page, the first one uses code: [gallery include=”38″] it shows only one image
    the second one uses code [gallery], it shows all 6 images but also 6 thumnails - while what I want is ONE image.

    Does anyone have a sample for my requirement:

    ONE THUMNAIL on the page/post, CLICKING ON IT SHOWS ALL IMAGES IN THE GALLERY

    Thanks.

  7. In a post on the main page, using the gallery post format, it will show 1 image on the main page. When you click and go to the single-post page it will show the grid of images.

    See "gallery post" on the test demo site here http://chateaudemo.wordpress.com/ to see how gallery post works on the main blog page. Then click "continue reading on that post and you will see that it shows the grid of image when you go to that page. That is about as close as you can get to what you want at wordpress.com.

    You cannot apply "post formats" to pages. Post formats can only be applied to posts.

  8. Sorry, my suggestion was wrong - don't know what I was thinking: if you set a gallery that includes one image, then of course you get a gallery slideshow that includes one image...
    Would you be interested in the WP slideshow instead?
    http://en.support.wordpress.com/slideshows/

  9. @thesacredpath: thank you, I will try it later
    @pana: slideshow is good, however, there is a non-adjustable border around it, unless it is resolved now.

  10. @ltess: thanks, i read hat before, it only allow you to change color, no much helpful

  11. Or!

    Upload all your images
    Insert the full sized image
    Insert code for pagination: <!--nextpage-->
    Insert gallery (exclude the large image if you like)
    View draft of the post and click on page 2
    Copy the link to page 2 (the url http:// )
    Return to draft and edit the large image
    so it links to the url of page 2
    publish

    of course readers can also get to page 2 by clicking that rather than clicking the big image, but it might be possible to hide the page number links at the bottom of the post.

  12. Oops:
    http://wpbtips.wordpress.com/2010/07/17/gigya-2-flickr-slideshows/
    
http://wpbtips.wordpress.com/2012/01/12/inserting-webshots-slideshows/

  13. @1tess: nice trick, thank you.

    @pana: I'll check later, thank you too

  14. @pana: how to pick a transparent color? what's its hex code? and how to use it in this particular question? thank you.

  15. I could see only one image of the gallery by setting post format to Gallery and view all images when on standard. ehh?

  16. 1tess's trick makes only one image on the page, and lead user to the second page which is the real gallery page, as to how the real gallery page is set up like column, that's up to the page creator.

  17. "how to pick a transparent color? what's its hex code?"

    The whole point of my workaround is that it masks the original grey frame: a transparency would be useless. You make the frame invisible by masking it with the background color of your page - in your case, pure white (#fff).

  18. @pana: I see your point, thank you.

  19. @pana: there is still a line beneath the slideshow, why? did I miss anything?
    http://189sirsanfordflemingway.wordpress.com/slideshowtest/

  20. Check the 3rd bulleted point in my post. You need to increase the height - try 460 instead of 450.

  21. @pana: thank you very much for your kind help, much appreciated. Happy Lunar New Year to you, and to everyone on the forum

  22. You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic