How to create a very simple image gallery

  • iamchel

    (@iamchel)


    14 years, 3 months ago

    Alright Im trying to create an image gallery for my blog however Im having some difficulty finding a suitable plugin. What I need is something fairly simple (I think at least). I need the ability to create albums which have their own pages associated with them as well as the ability to have thumbnails of all available pictures in the album which when clicked show the full size image. It sounds simple but I have no idea what to use. I need the ability to modify the positioning and styling of all the elements to fit my design.

    This is the layout Im looking for: http://img34.imageshack.us/img34/2092/examplex.gif

    basically when they click a thumbnail the full size image should appear in the gray area entitle full size image.

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter iamchel

    (@iamchel)

    14 years, 3 months ago

    Anyone? I believe nextgen may do the trick however Im not sure what to do to actually achieve what Im going for.

    racer x

    (@racer-x-1)

    14 years, 3 months ago

    IMO, the more I have used gallery plugins, the more I try to always use the native WP gallery features(I do use this with http://www.viper007bond.com/wordpress-plugins/jquery-lightbox-for-native-galleries/). The WP gallery is great. You can create a photos category and then have each post within be like a “page” of the gallery.

    NextGen is a good gallery, but it takes a bit to get used to how it all works. I spent too much time teaching/reminding clients how to use it.

    Then again, I am just not a plugin guy(3-4 max) and I try to do what is easiest for clients.

    Don’t forget to count ANY type of gallery. I think people tend to only look for WP plugins to do something specific when you can use anything with WP if you know some coding.

    Good luck!

    Thread Starter iamchel

    (@iamchel)

    14 years, 3 months ago

    Thank you for replying. Ive delved into the default wp gallery and it turns out I can achieve what I’m looking for. Now I have one question. Is it possible to modify the structure (HTML wise) of the way attached image thumbnails are set? Or can anyone tell me where I can find the code so I can just change it to my likings?

    Thanks

    Thread Starter iamchel

    (@iamchel)

    14 years, 3 months ago

    Perhaps I should clarify. Currently the thumbnails are given styling which makes them center aligned, as well as margins, and a border. Of course Im trying to remove all the default styling and use my own however when I specify the changes in my stylesheet they are overridden.

    #gallery-1 {
margin:auto;
}
#gallery-1 .gallery-item {
float:left;
margin-top:10px;
text-align:center;
width:33%;
}
#gallery-1 img {
border:2px solid #CFCFCF;
}
#gallery-1 .gallery-caption {
margin-left:0;
}

    While I can overcome most of them by simply using !important behind the attributes I want to change there are some that I can’t get around (at least I don’t know how to) such as the width of 33% which is causing my thumbnails to spread out evenly among its containing box, which is not what I’m trying to do (they should be side by side with no space). If anyone has a workaround or some way of altering the HTML/CSS please let me know.

    Thread Starter iamchel

    (@iamchel)

    14 years, 3 months ago

    Update* I managed to find what I was looking for in the wp-includes/media.php file. In particular line 739 for the CSS and 688 for the HTML tags it uses.

    DDT

    (@ddt)

    14 years, 1 month ago

    hi iamchel,

    Did you happen to look into the link this image subject??

    I am in need of a simple gallery (just a grid of images with an external link on each image.

    san

    (@sandesh)

    13 years, 9 months ago

    Thank you very much.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to create a very simple image gallery’ is closed to new replies.

Tags