Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Aug 2012
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Image Gallery Project

    Hello, I am working on a project to create an image gallery. The gallery will look almost exactly like this and this, though I am currently at a roadblock. I am at a loss for how I would go about doing this. The images would also be user submitted and hyperlinked. Here is an example of what I have so far, but it still doesn't look right to me.

    I know this is easier than I am making it.
    Code:
    HTML:
    <div class='col'>
        <img />
        <img />
        <img />
    </div>
    
    <div class='col'>
        <img />
        <img />
        <img />
    </div>
    Code:
    CSS:
    .col{
        width:50%;
        float:left;
    }
    
    img{
        width:100%;
    }

    If anyone has any suggestions they would be greatly appreciated.

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,899
    Thanks
    15
    Thanked 226 Times in 226 Posts
    You're going to need a lot more than HTML and CSS to do all this. You're project will need to be on a server, you need a server side language to handle all the scripts required, you almost surely need a database to handle all the links, comments and whatever other data is involved. You need server based image handling software to re-size the images and make thumbnails. The most popular server right now is Apache, and the most popular server side language is PhP, and the most commonly used server side image editing softwares are Imagemagick and GD.

    It's a good idea to make a mirror of your complete site on a machine of your own, making sure that it is an exact copy of the web server, as much as possible.

  • #3
    New Coder
    Join Date
    Aug 2012
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by DrDOS View Post
    You're going to need a lot more than HTML and CSS to do all this. You're project will need to be on a server, you need a server side language to handle all the scripts required, you almost surely need a database to handle all the links, comments and whatever other data is involved. You need server based image handling software to re-size the images and make thumbnails. The most popular server right now is Apache, and the most popular server side language is PhP, and the most commonly used server side image editing softwares are Imagemagick and GD.

    It's a good idea to make a mirror of your complete site on a machine of your own, making sure that it is an exact copy of the web server, as much as possible.
    Thank you for the reply. Yes, I figured I'd need PhP. I was looking into finding suggestions for just coding the image gallery minus the more complicated elements (user submitted and hyperlinks). I want to understand the actual logic needed to get the image layout correct.

  • #4
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,899
    Thanks
    15
    Thanked 226 Times in 226 Posts
    If your thumbnail images are all more or less the same size you can just float them, either left for right, into some kind of container div. You may not even need to give them a class to do it, but it may help. I'm quite sure that's what being done on the examples.

  • #5
    New Coder
    Join Date
    Aug 2012
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Also, if anyone could help me with the sort of logic I should use to just get a rough gallery working that would help.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •