XHTMLboy Posted August 6, 2010 Share Posted August 6, 2010 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 More sharing options...
ShadowMage Posted August 6, 2010 Share Posted August 6, 2010 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 More sharing options...
XHTMLboy Posted August 6, 2010 Author Share Posted August 6, 2010 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 More sharing options...
thescientist Posted August 6, 2010 Share Posted August 6, 2010 you might want to Google/look into lightbox then. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.