Webforumz's RSS FeedRSS Webforumz RegistrationRegister Contact Webforumz StaffContact

CSS Image Gallary?

This is a discussion on "CSS Image Gallary?" within the Web Page Design section. This forum, and the thread "CSS Image Gallary? are both part of the Design Your Website category.



 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Dec 1st, 2006, 18:23
Reputable Member
Join Date: May 2006
Location: Warrington, UK
Posts: 428
Thanks: 0
Thanked 0 Times in 0 Posts
CSS Image Gallary?

Im looking to create an image gallary, where the main image is displayed, and below it Thumbnails of all the other images in the category.

When someone clicks on one of the thumbnails id like the main picture to be replaced with it.... nice and smoothly.

Ive seen this done with flash, and it looks great, but for the purpose of this site id like to acheive it in CSS if possible.

Does anyone have any idea how this would work? ..... at the moment im thinking of using the filmstrip trick, but on a much larger scale.

Any thoughts ........ Apart from chocolate related ones (Dan !!)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old Dec 5th, 2006, 09:56
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

This would require a small bit of JavaScript. CSS wouldn't play any (or much) part in it.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Dec 8th, 2006, 15:13
Reputable Member
Join Date: May 2006
Location: Warrington, UK
Posts: 428
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

Yeah, i figured that would be the answer.... i was hopin you could use css rollovers to get the same effect
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Dec 8th, 2006, 20:15
Reputable Member
Join Date: Dec 2005
Location: Bristol
Posts: 271
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

I think I did see a tutorial once doing this with just css, ill have a look see if i can find it
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Dec 8th, 2006, 20:18
Reputable Member
Join Date: Dec 2005
Location: Bristol
Posts: 271
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

This isnt the one I found originaly but it looks quite good:
http://www.cssplay.co.uk/menu/gallery4.html#nogo
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Dec 9th, 2006, 01:54
Reputable Member
Join Date: May 2006
Location: Warrington, UK
Posts: 428
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

That looks like just what im after...... hopefully it'll be possible to make it pull the pictures from a database .... i hope lol
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Dec 9th, 2006, 01:56
Reputable Member
Join Date: May 2006
Location: Warrington, UK
Posts: 428
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

looking at the source i think it should be possible.... ill have to play because im not sure how well it will be supported..... a simplified version may work thoguh

thanks crew
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Dec 9th, 2006, 04:18
Elite Veteran
Join Date: Dec 2005
Location: On Internet
Posts: 4,859
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

Nice link, I'll take it...lol
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Dec 9th, 2006, 05:31
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

That is a good link.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Dec 9th, 2006, 10:44
Reputable Member
Join Date: Dec 2005
Location: Bristol
Posts: 271
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

ill keep trying to find the original one I had in mind
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Dec 9th, 2006, 10:50
Reputable Member
Join Date: Dec 2005
Location: Bristol
Posts: 271
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

hee hee i found it: http://www.cssplay.co.uk/menu/gallery.html
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Dec 9th, 2006, 20:13
Up'n'Coming Member
Join Date: Jun 2006
Location: Northern Ireland, United Kingdom
Age: 22
Posts: 84
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Image Gallary?

Use lightboxes !

http://www.huddletogether.com/projects/lightbox/
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old Dec 15th, 2006, 16:07
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: CSS Image Gallary?

This one is cool

http://www.cssplay.co.uk/menu/lightbox.html#Trees
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
css image

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Treating an image with <div> tags like a normal image mikeym Web Page Design 2 Mar 1st, 2008 16:28
[SOLVED] multiple image rollover not restoring image snappy JavaScript Forum 4 Nov 5th, 2007 15:38
Background image overlaping footer image at bottom of div lw_d Web Page Design 4 Mar 21st, 2006 01:27
how can i create a wireframe image from a solid image of som benbacardi Graphics and 3D 5 May 22nd, 2004 12:05


All times are GMT. The time now is 13:14.


Powered by vBulletin®
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8