What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » using html to 'mouseover' images

Pages: (3): « First « 1 [ 2 ] 3 » Last »
using html to 'mouseover' images
Author: Message:
Ezra
Veteran Member
*****

Avatar
Forgiveness is between them and God

Posts: 1960
Reputation: 31
37 / Male / Flag
Joined: Mar 2003
RE: using html to 'mouseover' images
Yeah, you need the name or else the piece of Javascript won't know what to change :)
[Image: 1-0.png]
             
11-17-2005 11:53 PM
Profile PM Web Find Quote Report
Eljay
Elite Member
*****

Avatar
:O

Posts: 2949
Reputation: 77
– / Male / –
Joined: May 2004
RE: using html to 'mouseover' images
quote:
Originally posted by Ezra
Yeah, you need the name or else the piece of Javascript won't know what to change :)

you could do this:

code:
<img src="blah.gif" onmouseover="this.src='blah.jpg';">

11-18-2005 05:07 PM
Profile PM Find Quote Report
M73A
Veteran Member
*****

Avatar


Posts: 3213
Reputation: 37
34 / Male / Flag
Joined: Jul 2004
RE: using html to 'mouseover' images
use the create navbar thing in dreamweaver.... save the hassle:P

or there is the rollover image thing... but hey, do what ya want... loadsa people hate dreamweaver

This post was edited on 11-18-2005 at 05:17 PM by M73A.

[Image: lost7ru.gif]
11-18-2005 05:16 PM
Profile E-Mail PM Find Quote Report
Concord Dawn
Veteran Member
*****

Avatar
This is a loopy fruit.

Posts: 1203
Reputation: 16
33 / Male / –
Joined: Feb 2004
RE: using html to 'mouseover' images
quote:
Originally posted by Lee Jeffery
quote:
Originally posted by Ezra
Yeah, you need the name or else the piece of Javascript won't know what to change :)

you could do this:

code:
<img src="blah.gif" onmouseover="this.src='blah.jpg';">



IE doesn't support that properly.
[Image: 7.png]
11-18-2005 05:17 PM
Profile E-Mail PM Find Quote Report
Plik
Veteran Member
*****

Avatar

Posts: 1489
Reputation: 46
34 / Male / –
Joined: Jun 2004
RE: using html to 'mouseover' images
code:
<a href="msn.html" onmouseover="image4.src='images/msn-over.png';"
onmouseout="image4.src='images/msn.png';">
<img name="image4" src="images/msn.png" border=0></a>
   </div>

You had the ; inside the single quotes. Which ment it was looking for images/msn.png;

This post was edited on 11-18-2005 at 07:35 PM by Plik.
11-18-2005 07:33 PM
Profile PM Find Quote Report
stoshrocket
Senior Member
****

Avatar
formerly methos

Posts: 748
Reputation: 31
33 / Male / Flag
Joined: Aug 2005
O.P. RE: using html to 'mouseover' images
quote:
    code: <a href="msn.html" onmouseover="image4.src='images/msn-over.png';"
    onmouseout="image4.src='images/msn.png';">
    <img name="image4" src="images/msn.png" border=0></a>
       </div>



You had the ; inside the single quotes. Which ment it was looking for images/msn.png;


yeah, sorted thanks mate, now for another idea... let me just host the page so i can show you what i mean.... <uploading>

ok, uploaded. Go to this page

it uses the js, so i dont know if it'll work in IE, but that isnt the problem. Have a look on the page and mouse over the navi bar at the top and the icons in the middle, after they englarge, what happens???? they disappear, why!?!?

wait a sec, the page is down, my FTP client just messed up!
ok sorted, can someone tell me whats up with the page please?

This post was edited on 11-18-2005 at 08:52 PM by stoshrocket.
formerly methos
11-18-2005 08:14 PM
Profile PM Web Find Quote Report
hmaster
Senior Member
****

Avatar

Posts: 716
Reputation: 24
33 / Male / Flag
Joined: Nov 2004
RE: using html to 'mouseover' images
change:
onmouseout="image1.src='images/graphics.png;'"
to:
onmouseout="image1.src='images/graphics.png';"

the same error on every image..
you can see the comp help one doesnt disappear beause you missed the ; out altogether :P

This post was edited on 11-18-2005 at 09:02 PM by hmaster.
[Image: sig.png]
11-18-2005 08:56 PM
Profile PM Web Find Quote Report
stoshrocket
Senior Member
****

Avatar
formerly methos

Posts: 748
Reputation: 31
33 / Male / Flag
Joined: Aug 2005
O.P. RE: using html to 'mouseover' images
:rolleyes: whoops.... hahaha, thank-you!

Anyway, that wasnt supposed to be the problem originally, what i originally wanted was i wanted to know whether i could adjust the code so that the whole set of icons in the middle are placed slightly lower (ie when you mouse over the icons it sets them lower, that height) so that when you mouse over the other icons stay as they are and only the moused over icon would move, and that would be larger. *-) ^o) Anyone know of a way i can do this??? (Y)

This post was edited on 11-18-2005 at 09:09 PM by stoshrocket.
formerly methos
11-18-2005 09:04 PM
Profile PM Web Find Quote Report
hmaster
Senior Member
****

Avatar

Posts: 716
Reputation: 24
33 / Male / Flag
Joined: Nov 2004
RE: using html to 'mouseover' images
lol :P The hover images should work in IE too now..
Your design looks like a mix of absorbations and shrbr's site !
and your second design page image links to msn ;)

This post was edited on 11-18-2005 at 09:08 PM by hmaster.
[Image: sig.png]
11-18-2005 09:07 PM
Profile PM Web Find Quote Report
stoshrocket
Senior Member
****

Avatar
formerly methos

Posts: 748
Reputation: 31
33 / Male / Flag
Joined: Aug 2005
O.P. RE: using html to 'mouseover' images
lol, i havent seen shrbr's site, ill have a look now, the original design wasnt supposed to be but this thread was originally about making my owne icons, but 'thats too advanced' so i had to use absorbtions :( hahaha, can you look at the problem above please...
formerly methos
11-18-2005 09:10 PM
Profile PM Web Find Quote Report
Pages: (3): « First « 1 [ 2 ] 3 » Last »
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On