Go Back   Cyber Tech Help Support Forums > Software > Web Development & Graphic Design

Notices

Reply
 
Topic Tools
  #1  
Old August 28th, 2005, 10:24 AM
volcomspade volcomspade is offline
New Member
 
Join Date: Aug 2005
Posts: 2
thumbnails...

hi..i am trying to set up a page where i have many pics on it, however i dont want for the page to be really long and cause viewers to scroll down for a long time..what im looking to do is have different sections of subjects with rows of thumbnails..and when you put the mouse over them they enlarge to normal size for viewing..i have tried a few different hover codes but i cant seem to get one to work, nor can i find the original page i had seen it on for example or to view sorce and figure it out myself...can anyone please help??
Reply With Quote
  #2  
Old August 28th, 2005, 12:38 PM
oracle128's Avatar
oracle128 oracle128 is offline
Α Ω
 
Join Date: Oct 2000
O/S: Windows XP Pro
Location: Melbourne, Australia
Age: 24
Posts: 9,401
The standard is to link to the larger file, if people accidently roll over an image it wastes bandwidth, for you and them. If you REALLY want to do it though, post your javascript and we'll see if we can debug it.
__________________
Oracle's backup tutorial

"A lot of people say games are addictive. Well, they're addictive in the sense that anything you like doing you repeat endlessly. But no one would say, 'Mr Kasparov, you have a chess problem,' or 'Tiger Woods, you have a golf addiction.'" - Ian Livingstone, Creative Director, Eidos.

"A problem well stated is a problem half solved" - Charles Franklin Kettering
Reply With Quote
  #3  
Old August 28th, 2005, 12:51 PM
oracle128's Avatar
oracle128 oracle128 is offline
Α Ω
 
Join Date: Oct 2000
O/S: Windows XP Pro
Location: Melbourne, Australia
Age: 24
Posts: 9,401
This simple code will give the desired effect, but because of the way it works it will adjust the layout of anything else on the page.
Code:
<img src="pic_small.jpg" border=0 name="image1" onMouseover="document['image1'].src='pic_big.jpg';" onMouseout="document['image1'].src='pic_small.jpg';" />
There is a way to do it so that it comes on top like a popup menu, but it requires a lot more complex code. If you want to examine some source, this site has what you want, when you roll over the items it pops up a little box that shows you the item.
EDIT: There is also a "customizable javascript tooltip" tutorial available at http://www.dynamicdrive.com/dynamici...tmltooltip.htm, I think that might be what you want to use.
__________________
Oracle's backup tutorial

"A lot of people say games are addictive. Well, they're addictive in the sense that anything you like doing you repeat endlessly. But no one would say, 'Mr Kasparov, you have a chess problem,' or 'Tiger Woods, you have a golf addiction.'" - Ian Livingstone, Creative Director, Eidos.

"A problem well stated is a problem half solved" - Charles Franklin Kettering

Last edited by oracle128; August 28th, 2005 at 01:00 PM.
Reply With Quote
  #4  
Old September 10th, 2005, 12:00 PM
volcomspade volcomspade is offline
New Member
 
Join Date: Aug 2005
Posts: 2
ok sorry it took so long to reply i had to go on an unexpected business trip....but yes thanks for the help..that was a great code...lots of work for each pic but well worth it...thanks again for taking the time...and for the affect that i was looking for this is the best code i have found...les
Reply With Quote
Reply

Bookmarks

Topic 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
Forum Jump


All times are GMT +1. The time now is 10:51 AM.

[ RSS ]