Jump to content

How do you make images grow?


XHTMLboy

Recommended Posts

Hi for a couple of months i have been learning xhtml and CSS, and i was just wondering how to make a photo gallery. Well i know how to make a photo gallery but was but wonderd on how to make the images get bigger once they where clicked on. Just like facebook. Thanks for your time as i apperciate it. :)

Link to comment
Share on other sites

Depends. There are a lot of techniques and styles for doing something like that.You could have a scaled down gallery of thumbnail images and one large image. When a thumbnail is clicked, change the src of the large image.You could have a gallery of thumbnails that, when hovered or clicked, would "grow" to their normal size.You could have a gallery of thumbnails that, when hovered or clicked, would popup a new "window" (not really a window, just a <div> or <img> tag) with the larger image in it.It all depends on exactly what kind of effect you want to achieve. You'll probably need to use JavaScript though. I can only think of one example that might work with pure CSS and HTML.

Link to comment
Share on other sites

Depends. There are a lot of techniques and styles for doing something like that.You could have a scaled down gallery of thumbnail images and one large image. When a thumbnail is clicked, change the src of the large image.You could have a gallery of thumbnails that, when hovered or clicked, would "grow" to their normal size.You could have a gallery of thumbnails that, when hovered or clicked, would popup a new "window" (not really a window, just a <div> or <img> tag) with the larger image in it.It all depends on exactly what kind of effect you want to achieve. You'll probably need to use JavaScript though. I can only think of one example that might work with pure CSS and HTML.
Oooh ok, basicly i want an affect of where i got alot of thumbnails, but when one of those thumbnails is clicked the images gets bigger and the background goes transparend black.
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...