SitePoint Sponsor

User Tag List

Results 1 to 22 of 22

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Questions on thumbnail photos and websites

    I just had a couple of questions about photos and galleries: In Chapter 5, or the book 'Build Your Own Website The Right Way using HTML and CSS" there's a section called "Moving beyond a Simple Gallery". It says you can download programs to make thumbnails of your photos with a link to the full-sized version. I downloaded a program called TGG 2.6.0.0 Bullion-Investor.com_Freeware, following a link you gave in the book. I have hundreds of photos that I made into thumbnails, but I was wondering: what do I do now? How do I use CSS to style the thumbnails and connect it to my main site? Also, I have the date for each photo on there and I was wondering how to take it off.
    Please help!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,165
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    Hi dummoxe, welcome to SitePoint!

    That page you cited also says "Microsoft .NET Framework 2.0 required." Unless you have that, perhaps there's something missing.

    Anyway, there are other free programs out there for resizing images, such as ezThumbs. When you've got your images ready, you could look at the many jQuery galleries out there, such as slimbox2.

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for replying, Ralph! You said that there might be something missing if I don't have "Microsoft .NET Framework 2.0." How do I check if I have ""Microsoft .NET Framework 2.0." Also, what exactly do jQuery galleries do? I looked at slimbox and I don't know how to apply to it to my website which I am trying to make. So there is no way to use CSS to format my image gallery? (Also, am I replying to this correctly? Since this is my first post, I'm not sure how to corrdctly reply to my own post!)

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,165
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by dummoxe View Post
    Thanks for replying, Ralph! You said that there might be something missing if I don't have "Microsoft .NET Framework 2.0." How do I check if I have ""Microsoft .NET Framework 2.0."
    It's software you pay for, so you obviously don't have it.


    Also, what exactly do jQuery galleries do? I looked at slimbox and I don't know how to apply to it to my website which I am trying to make. So there is no way to use CSS to format my image gallery?
    Sure, you can do it with CSS alone. jQuery is just one of many options—for example, Slimbox creates a nice popup effect that is quite popular. CSS galleries are a little less fancy and a bit limited. Anyway, you will probably need to provide some sort of indication of what look you want, how many images you have, and make a start at doing what you can. Then post a link to what you've done, and suggest what you want to do next.

    Also, am I replying to this correctly?
    Yep, quite correctly.

  5. #5
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK I didn't know this just 2 days ago, but I have figured out how to get my photos onto my website. I even have thumbnails that link to each of my photos! You were wondering how many photos I had -- I have about 350. Now I'm wondering: is there an easier way of captioning all 350 photos than manually doing the

    <div class="galleryphoto">
    <img src="gallery/building.jpg> width="400" height="250"
    alt="A nice building"
    <p> A building I saw the other day.</p>

    for EVERY one of the 350. Also, currently, there is a blue border around unviewed photos and a purple one around viewed ones. I would like this to be replaced with an always-black 1 or 2 pixel-border. Also, I want more space between each thumbnail.
    Lastly, should I caption the thumbnail or the photo itself when you click on it?
    And when you click on a photo, instead of displaying it in a blank screen, can it be part of my website with the heading and navigation bar and stuff? (or would that be too much work)? thanks!

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,165
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by dummoxe View Post
    currently, there is a blue border around unviewed photos and a purple one around viewed ones. I would like this to be replaced with an always-black 1 or 2 pixel-border. Also, I want more space between each thumbnail.
    Sounds like a border on links. We need to see your code to be of much help here.

    should I caption the thumbnail or the photo itself when you click on it?
    It's up to you. You could do both. What code are you using for your gallery?

    And when you click on a photo, instead of displaying it in a blank screen, can it be part of my website with the heading and navigation bar and stuff? (or would that be too much work)?
    That's easy. There are lots of ways to do it, but the easiest is to use something like Slimbox2, as I mentioned.


Bookmarks

Posting Permissions

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