Technical question

Error message

Deprecated function: implode(): Passing glue string after array is deprecated. Swap the parameters in drupal_get_feeds() (line 394 of /var/www/pied-piper.ermarian.net/includes/common.inc).
AuthorTopic: Technical question
Agent
Member # 3364
Profile Homepage #0
Does anyone know how to make a picture change to a larger picture when mousedover (overlapping adjacent images instead of moving them over) then back to the original small picture when mousedoff? I'd settle for just resizing the same picture, but I'd rather have a different picture to start with.

I've seen it done but searching for insturctions on 'how to' has been futile today.

--------------------
"Even the worst Terror from Hell can be transformed to a testimony from Heaven!" - Rev. David Wood 6\23\05

"Do all the good you can, by all the means you can, in all the ways you can, in all the places you can, at all the times you can, to all the people you can, as long as you ever can." - John Wesley
Posts: 1001 | Registered: Tuesday, August 19 2003 07:00
Infiltrator
Member # 2836
Profile #1
In what program?
Posts: 587 | Registered: Tuesday, April 1 2003 08:00
Warrior
Member # 1688
Profile #2
Something like this?
Posts: 60 | Registered: Wednesday, August 7 2002 07:00
Agent
Member # 3364
Profile Homepage #3
tStewboy - In any Html editing program using JavaScript I'd imagine. Unless it's only possible with flash in which case I have to go to plan B.

tMasaaki - That would work, it's my backup plan if I fail to find what I really want. What I really want is for the image mousedover to change into a different larger image. Or right next to the picture that is moused, even if it is over other pictures. So the enlarged pictures are under the mouse and easier for the eye to find.

Where's the thumbtack map of spiderwebbers? That shows what I want. (kinda... I think...)

[ Friday, March 31, 2006 16:40: Message edited by: Jewels ]

--------------------
"Even the worst Terror from Hell can be transformed to a testimony from Heaven!" - Rev. David Wood 6\23\05

"Do all the good you can, by all the means you can, in all the ways you can, in all the places you can, at all the times you can, to all the people you can, as long as you ever can." - John Wesley
Posts: 1001 | Registered: Tuesday, August 19 2003 07:00
Law Bringer
Member # 4153
Profile Homepage #4
quote:
Originally written by Jewels:

Where's the thumbtack map of spiderwebbers? That shows what I want. (kinda... I think...)
Do you mean this?

--------------------
Gamble with Gaea, and she eats your dice.

I hate undead. I really, really, really, really hate undead. With a passion.
Posts: 4130 | Registered: Friday, March 26 2004 08:00
Law Bringer
Member # 2984
Profile Homepage #5
I'm assuming this is supposed to be in an html page, since I can't think of any other context where it would make sense.

<img src="image1.jpg" onMouseOver="this.src='image2.jpg'"
onMouseOut="this.src='image1.jpg'" onMouseDown="this.src='image3.jpg'"
onMouseUp="this.src='image2.jpg'">
where image1.jpg is your original image, image2.jpg is the image while the mouse is hovering over it, and image3.jpg is the image while the mouse is pressed. If pressing is not supposed to do anything, leave out the "onMouseDown" and "onMouseUp" parts.

Incidentally, if it's just the same picture, you could replace the "this.src='...'" with "this.width='x';this.height='y'" for resizing.

[ Friday, March 31, 2006 18:09: Message edited by: The holy blisful martir for to seke ]

--------------------
Encyclopaedia ErmarianaForum ArchivesForum StatisticsRSS [Topic / Forum]
My BlogPolarisI eat novels for breakfast.
Polaris is dead, long live Polaris.
Look on my works, ye mighty, and despair.
Posts: 8752 | Registered: Wednesday, May 14 2003 07:00
Agent
Member # 3364
Profile Homepage #6
tEphesos - No, I've been keeping my eyes out of the RP. Not too long ago somebody(Aran?) opened up a world map where we could go and stickpin where we were from, adding a message and a picture if we wanted. Somebody posted the picture they drew of themselves where they had named their chest muscles. I may be remembering wrong but I thought that when you had your mouse over a persons stickpin, their message and picture popped up right next to the mouse.

tAran- That is the basic code but it will always fit the second picture into the pixel width of the original image.

I found this good example. So if someone would be kind enough to tell me where I find this hintscfg.js file and where I store it afterward(same folder as html page?) I think I can figure it out from there.

Edit: Nvm, got the file.

[ Saturday, April 01, 2006 08:03: Message edited by: Jewels ]

--------------------
"Even the worst Terror from Hell can be transformed to a testimony from Heaven!" - Rev. David Wood 6\23\05

"Do all the good you can, by all the means you can, in all the ways you can, in all the places you can, at all the times you can, to all the people you can, as long as you ever can." - John Wesley
Posts: 1001 | Registered: Tuesday, August 19 2003 07:00
Law Bringer
Member # 2984
Profile Homepage #7
It will fit the picture to the size of the previous one?

Have you made sure that there are no width or height attributes set in the code? I remember using that code to switch between images of different size...

--------------------
Encyclopaedia ErmarianaForum ArchivesForum StatisticsRSS [Topic / Forum]
My BlogPolarisI eat novels for breakfast.
Polaris is dead, long live Polaris.
Look on my works, ye mighty, and despair.
Posts: 8752 | Registered: Wednesday, May 14 2003 07:00