Small to large images?

This is a discussion on "Small to large images?" within the Starting Out section. This forum, and the thread "Small to large images? are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Starting Out

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jul 19th, 2007, 13:56
New Member
Join Date: Jul 2007
Location: England
Age: 20
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Small to large images?

Hi,

I am not very 'skilled' when it comes to making websites. I can do the basics but i get stuck on some things... I was wondering if its possible to make a small image in a site, then when someone mouses over the image, it gets larger .. so like, you have a image at 100x100, then when you move your mouse over it, it goes to, say 400x400?

Basicly, what i want to do is have a table, with images on the left side, and some text on the other .. but with the images getting bigger like i said above.

So is this possible?

Oh and also, i dont know if it matters, but my site is XHTML and CSS based...

Any help would be great, thanks in advance,
Dave.
Reply With Quote

  #2 (permalink)  
Old Jul 19th, 2007, 15:12
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Small to large images?

Yup I do this all the time with this Hover Image Gallery


CSSPlay also has a couple of features you could probably incorporate.
http://cssplay.co.uk/menus/magnifier2.html
http://cssplay.co.uk/menus/exploding.html
Reply With Quote
  #3 (permalink)  
Old Jul 19th, 2007, 15:21
New Member
Join Date: Jul 2007
Location: England
Age: 20
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Small to large images?

Oh cool thanks, that first link is great.
--
Edit:

I might be missing something here, but does it say how to get it to work? Like a guide? I now it says read the tutorial, but there is nothing helpful in there?

Like i said, im only a beginner

Last edited by felcon; Jul 19th, 2007 at 15:39.
Reply With Quote
  #4 (permalink)  
Old Jul 19th, 2007, 19:29
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Small to large images?

There is a line about 3" down that says Download here.
Click that and it will open up zip files. Save all the files in your root directory of your site. (Same place all your html files, pictures, etc are)

Open all three of his pages. hover.css, ieonly.css and index.html
the index. html will show you how to set up a page. It's not a step by step tutorial.
Reply With Quote
  #5 (permalink)  
Old Jul 19th, 2007, 19:41
sannbe's Avatar
SuperMember

SuperMember
Join Date: Dec 2006
Location: San Francisco
Age: 57
Posts: 1,567
Blog Entries: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Small to large images?

Thanks Linda, Great Link...I knew there was a reason we keep you around.
Last Blog Entry: More Sara Blogging (Nov 29th, 2007)
Reply With Quote
  #6 (permalink)  
Old Jul 19th, 2007, 19:58
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Small to large images?

It's not the easiest feature in the world to get working. On each occasion, I've had trouble. The one thing I learned is whatever you wrap the photos in should not be too narrow, or the enlarged photos won't show completely.
You need lots of room on the left and right margins.
Reply With Quote
  #7 (permalink)  
Old Jul 20th, 2007, 09:07
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: Small to large images?

Quote:
Originally Posted by felcon View Post
Oh cool thanks, that first link is great.
--
Edit:

I might be missing something here, but does it say how to get it to work? Like a guide? I now it says read the tutorial, but there is nothing helpful in there?

Like i said, im only a beginner
What about this LINK I found, quiet an interesting way to do it.
It give you step by step instruction on how to use the code.
I try myself, It's very easy...
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #8 (permalink)  
Old Jul 20th, 2007, 21:20
New Member
Join Date: Jul 2007
Location: England
Age: 20
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Small to large images?

Thanks, i will give that a go now! It looks to be easier than the other one, but with a similar outcome.
Reply With Quote
  #9 (permalink)  
Old Jul 20th, 2007, 22:18
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Small to large images?

Nice link monie!
That is certainly an option! That one uses Javascript which could cause some viewers who have javascript disabled to have problems viewing.

The ones I submitted are all css. I do think the javascript option will be easier to implement!
Reply With Quote
  #10 (permalink)  
Old Jul 24th, 2007, 06:07
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: Small to large images?

Quote:
Originally Posted by Lchad View Post
Nice link monie!
That is certainly an option! That one uses Javascript which could cause some viewers who have javascript disabled to have problems viewing.

The ones I submitted are all css. I do think the javascript option will be easier to implement!
Yeah, I agree with you Lchad.
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
Reply

Tags
images

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
Can't get a large image to show up tseyigai Flash & Multimedia Forum 2 Jan 7th, 2008 20:12
Large File Transfer Monie Webforumz Cafe 28 Jun 29th, 2007 20:28
large php file size geoffmuskett PHP Forum 5 Jun 20th, 2007 14:54
Comparing two large XML files joeandersen Other Programming Languages 1 Jul 28th, 2006 07:21
Site showing large text Pickle Web Page Design 4 Feb 14th, 2006 06:20


All times are GMT. The time now is 05:08.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43