472,958 Members | 2,580 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,958 software developers and data experts.

Rollover Image Error

I am working on a Website for a non-profit group and for some reason I have
one link that doesn't want to cooperate. All the image links work fine with
the onmouseover and onmouseout script except one. Maybe I am just getting
blurry-eyed, but can someone help me figure out what I have done wrong?
Thanks!!!!

<td width="190" height="57"><a href="Trends.htm"
onmouseover="chgImg('Trends','InteriorTrendsBold') "
onmouseout="chgImg('Trends','InteriorTrends')"><im g border="0"
src="images/InteriorTrends.gif" NAME="Trends" width="190" height="57"></td>
</tr>

Page name is Trends, I have document images setup as follows:

<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
<!-- Hide Script from old browsers

if (document.images) {
Home = new Image
WhoWeAre = new Image
MemberLogIn = new Image
BecomeAMember = new Image
Calendar = new Image
Showhouse = new Image
FindADesigner = new Image
InteriorTrends = new Image
Links = new Image
MeetTheExpert = new Image
ContactUs = new Image
HomeBold = new Image
WhoWeAreBold = new Image
MemberLogInBold = new Image
BecomeAMemberBold = new Image
CalendarBold = new Image
ShowhouseBold = new Image
FindADesignerBold = new Image
InteriorTrendsBold = new Image
LinksBold = new Image
MeetTheExpertBold = new Image
ContactUsBold = new Image

Home.src="Images/Home.gif"
WhoWeAre.src="Images/WhoWeAre.gif"
MemberLogIn.src="Images/MemberLogIn.gif"
BecomeAMember.src="Images/BecomeAMember.gif"
Calendar.src="Images/Calendar.gif"
Showhouse.src="Images/Showhouse.gif"
FindADesigner.src="Images/FindADesigner.gif"
InteriorTrends.src="InteriorTrends.gif"
Links.src="Images/Links.gif"
MeetTheExpert.src="Images/MeetTheExpert.gif"
ContactUs.src="Images/ContactUs.gif"
HomeBold.src="Images/HomeBold.gif"
WhoWeAreBold.src="Images/WhoWeAreBold.gif"
MemberLogInBold.src="Images/MemberLogInBold.gif"
BecomeAMemberBold.src="Images/BecomeAMemberBold.gif"
CalendarBold.src="Images/CalendarBold.gif"
ShowhouseBold.src="Images/ShowhouseBold.gif"
FindADesignerBold.src="Images/FindADesignerBold.gif"
InteriorTrendsBold.src="InteriorTrendsBold.gif"
LinksBold.src="Images/LinksBold.gif"
MeetTheExpertBold.src="Images/MeetTheExpertBold.gif"
ContactUsBold.src="Images/ContactUsBold.gif"
}
function chgImg(imgField,newImg) {
if (document.images) {
document[imgField].src= eval(newImg + ".src")
}
}
//End hiding script from old browsers-->
</SCRIPT>
Jul 23 '05 #1
9 1986
Karl Burrows wrote on 12 sep 2004 in comp.lang.javascript:
I am working on a Website for a non-profit group and for some reason I
have one link that doesn't want to cooperate. All the image links
work fine with the onmouseover and onmouseout script except one.
Maybe I am just getting blurry-eyed, but can someone help me figure
out what I have done wrong? Thanks!!!!

<td width="190" height="57"><a href="Trends.htm"
onmouseover="chgImg('Trends','InteriorTrendsBold') "
onmouseout="chgImg('Trends','InteriorTrends')"><im g border="0"
src="images/InteriorTrends.gif" NAME="Trends" width="190"
height="57"></td>
</tr>
You forgot the </a>

===== btw: ===================================

If the rollover function is for the image, the onmouse.. should better
be in there:

<td width="190" height="57">
<a href="Trends.htm">
<img border="0"
onmouseover="chgImg(this,'InteriorTrendsBold')"
onmouseout="chgImg(this,'InteriorTrends')">
src="images/InteriorTrends.gif" width="190" height="57">
</a>
</td>
function chgImg(imgField,newImg) {
if (document.images) {
document[imgField].src= eval(newImg + ".src")
}
}
eval() is evil and unnecessary.
Testing for document.images is not necesary here

function chgImg(imgField,newImg){
imgField.src= newImg + ".src"
}
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
<SCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide Script from old browsers
Not usefull anymore for some years now.
if (document.images) {
Home = new Image


Testing for document.images is not useful here, I think.
Try:

var Home = new Image()
Home.src="Images/Home.gif"

If you have time,
have a look at css styles for length and width class.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress,
but let us keep the discussions in the newsgroup)

Jul 23 '05 #2
I'm trying!

Here's what I did...can you tell me what I am still missing to make this
work? Thanks!

<SCRIPT TYPE="TEXT/JAVASCRIPT">

var Home = new Image()
Home.src="Images/Home.gif"
var InteriorTrends = new Image()
InteriorTrends.src="InteriorTrends.gif"
var InteriorTrendsBold = new Image()
InteriorTrendsBold.src="InteriorTrendsBold.gif"
var LinksBold = new Image()
LinksBold.src="Images/LinksBold.gif"
var MeetTheExpertBold = new Image()
MeetTheExpertBold.src="Images/MeetTheExpertBold.gif"
var ContactUsBold = new Image()
ContactUsBold.src="Images/ContactUsBold.gif"

function chgImg(imgField,newImg){
imgField.src= newImg + ".src"
}

</SCRIPT>
<td width="190" height="57"><a href="Trends.htm"><img border="0"
onmouseover="chgImg(this,'InteriorTrendsBold')"
onmouseout="chgImg(this,'InteriorTrends')" src="images/InteriorTrends.gif"
width="190" height="57"></a></td>
</tr>

"Evertjan." <ex**************@interxnl.net> wrote in message
news:Xn********************@194.109.133.29...
Karl Burrows wrote on 12 sep 2004 in comp.lang.javascript:
I am working on a Website for a non-profit group and for some reason I
have one link that doesn't want to cooperate. All the image links
work fine with the onmouseover and onmouseout script except one.
Maybe I am just getting blurry-eyed, but can someone help me figure
out what I have done wrong? Thanks!!!!

<td width="190" height="57"><a href="Trends.htm"
onmouseover="chgImg('Trends','InteriorTrendsBold') "
onmouseout="chgImg('Trends','InteriorTrends')"><im g border="0"
src="images/InteriorTrends.gif" NAME="Trends" width="190"
height="57"></td>
</tr>


You forgot the </a>

===== btw: ===================================

If the rollover function is for the image, the onmouse.. should better
be in there:

<td width="190" height="57">
<a href="Trends.htm">
<img border="0"
onmouseover="chgImg(this,'InteriorTrendsBold')"
onmouseout="chgImg(this,'InteriorTrends')">
src="images/InteriorTrends.gif" width="190" height="57">
</a>
</td>
function chgImg(imgField,newImg) {
if (document.images) {
document[imgField].src= eval(newImg + ".src")
}
}


eval() is evil and unnecessary.
Testing for document.images is not necesary here

function chgImg(imgField,newImg){
imgField.src= newImg + ".src"
}
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">


<SCRIPT TYPE="TEXT/JAVASCRIPT">
<!-- Hide Script from old browsers


Not usefull anymore for some years now.
if (document.images) {
Home = new Image


Testing for document.images is not useful here, I think.
Try:

var Home = new Image()
Home.src="Images/Home.gif"

If you have time,
have a look at css styles for length and width class.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress,
but let us keep the discussions in the newsgroup)

Jul 23 '05 #3
Karl Burrows wrote:
I'm trying!
Please don't top post or full quote.
onmouseover="chgImg(this,'InteriorTrendsBold')"


You want to pass a variable called 'InteriorTrendsBold', not a String
containing the text 'InteriorTrendsBold'. Drop the quotes.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is
Jul 23 '05 #4
On Sun, 12 Sep 2004 14:18:24 -0400, Karl Burrows <kf**@spambellsouth.net>
wrote:
I am working on a Website for a non-profit group and for some reason I
have one link that doesn't want to cooperate. All the image links work
fine with the onmouseover and onmouseout script except one. Maybe I am
just getting blurry-eyed, but can someone help me figure out what I have
done wrong?
The reason is simple: you didn't include the page.

However, what you're trying to accomplish can be made with a lot less
effort. Take a look at:

<URL:http://www.mlwinter.pwp.blueyonder.co.uk/image-swap/>

Now, some general comments...
<img border="0" src="images/InteriorTrends.gif" NAME="Trends"
width="190" height="57">
Image elements require an alt attribute. The value should be something
that can replace the image in the event that the image cannot be
displayed. For a menu containing mouse-over images, this is simply the
text that the image contains.
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
The language attribute is deprecated in favour of the (required) type
attribute. Also, using the type attribute makes using language superfluous.

<script type="text/javascript">
<!-- Hide Script from old browsers
You don't need to hide scripts from browsers. In fact, you haven't needed
to for around five years. You can safely remove the comment delimiters.
if (document.images) {
Whilst your intentions are in the right place, you can't reliably infer
that one thing exists just because something else does. If you want to
ensure that you can use the Image constructor, test for the Image
constructor:

if('function' == typeof Image) {
Home = new Image
[snip]
function chgImg(imgField,newImg) {
if (document.images) {
This one is appropriate...
document[imgField].src= eval(newImg + ".src")


though you should actually be using the collection in the line above. You
should also avoid using eval. It is almost always unneeded.

document.images[imgField].src = window[newImage].src;

The line above works because global variables are added as properties to
the global object (usually referred to using the window object). You can
then use the bracket property accessors to get the value.

[snip]

Hope that helps,
Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.
Jul 23 '05 #5
"Karl Burrows" <kf**@spambellsouth.net> wrote in message
news:ro********************@bignews1.bellsouth.net ...
I am working on a Website for a non-profit group and for some reason I have one link that doesn't want to cooperate. All the image links work fine with the onmouseover and onmouseout script except one. Maybe I am just getting
blurry-eyed, but can someone help me figure out what I have done wrong?
Thanks!!!!

<td width="190" height="57"><a href="Trends.htm"
onmouseover="chgImg('Trends','InteriorTrendsBold') "
onmouseout="chgImg('Trends','InteriorTrends')"><im g border="0"
src="images/InteriorTrends.gif" NAME="Trends" width="190" height="57"></td> </tr>

Page name is Trends, I have document images setup as follows:

<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
<!-- Hide Script from old browsers

if (document.images) {
Home = new Image
WhoWeAre = new Image
MemberLogIn = new Image
BecomeAMember = new Image
Calendar = new Image
Showhouse = new Image
FindADesigner = new Image
InteriorTrends = new Image
Links = new Image
MeetTheExpert = new Image
ContactUs = new Image
HomeBold = new Image
WhoWeAreBold = new Image
MemberLogInBold = new Image
BecomeAMemberBold = new Image
CalendarBold = new Image
ShowhouseBold = new Image
FindADesignerBold = new Image
InteriorTrendsBold = new Image
LinksBold = new Image
MeetTheExpertBold = new Image
ContactUsBold = new Image

Home.src="Images/Home.gif"
WhoWeAre.src="Images/WhoWeAre.gif"
MemberLogIn.src="Images/MemberLogIn.gif"
BecomeAMember.src="Images/BecomeAMember.gif"
Calendar.src="Images/Calendar.gif"
Showhouse.src="Images/Showhouse.gif"
FindADesigner.src="Images/FindADesigner.gif"
InteriorTrends.src="InteriorTrends.gif"
Links.src="Images/Links.gif"
MeetTheExpert.src="Images/MeetTheExpert.gif"
ContactUs.src="Images/ContactUs.gif"
HomeBold.src="Images/HomeBold.gif"
WhoWeAreBold.src="Images/WhoWeAreBold.gif"
MemberLogInBold.src="Images/MemberLogInBold.gif"
BecomeAMemberBold.src="Images/BecomeAMemberBold.gif"
CalendarBold.src="Images/CalendarBold.gif"
ShowhouseBold.src="Images/ShowhouseBold.gif"
FindADesignerBold.src="Images/FindADesignerBold.gif"
InteriorTrendsBold.src="InteriorTrendsBold.gif"
LinksBold.src="Images/LinksBold.gif"
MeetTheExpertBold.src="Images/MeetTheExpertBold.gif"
ContactUsBold.src="Images/ContactUsBold.gif"
}
function chgImg(imgField,newImg) {
if (document.images) {
document[imgField].src= eval(newImg + ".src")
}
}
//End hiding script from old browsers-->
</SCRIPT>


Try the following alternative "as-is"; watch for word-wrap.

<html>
<head>
<title>Rollover Images</title>
<head>
<body>
<br><a href="Home.htm" onMouseOver='imgHome.src="Images/HomeBold.gif"'
onMouseOut='imgHome.src="Images/Home.gif"'><img src="Images/Home.gif"
name="imgHome" border="0" width="190" height="57" alt="Home"></a>
<br><a href="WhoWeAre.htm"
onMouseOver='imgWhoWeAre.src="Images/WhoWeAreBold.gif"'
onMouseOut='imgWhoWeAreBold.src="Images/WhoWeAre.gif"'><img
src="Images/WhoWeAre.gif" name="imgWhoWeAre" border="0" width="190"
height="57" alt="Who We Are"></a>
<br><a href="MemberLogIn.htm"
onMouseOver='imgMemberLogIn.src="Images/MemberLogInBold.gif"'
onMouseOut='imgMemberLogIn.src="Images/MemberLogIn.gif"'><img
src="Images/MemberLogIn.gif" name="imgMemberLogIn" border="0" width="190"
height="57" alt="Member LogIn"></a>
<br><a href="BecomeAMember.htm"
onMouseOver='imgBecomeAMember.src="Images/BecomeAMemberBold.gif"'
onMouseOut='imgBecomeAMember.src="Images/BecomeAMember.gif"'><img
src="Images/BecomeAMember.gif" name="imgBecomeAMember" border="0"
width="190" height="57" alt="Become A Member"></a>
<br><a href="Calendar.htm"
onMouseOver='imgCalendar.src="Images/CalendarBold.gif"'
onMouseOut='imgCalendar.src="Images/Calendar.gif"'><img
src="Images/Calendar.gif" name="imgCalendar" border="0" width="190"
height="57" alt="Calendar"></a>
<br><a href="Showhouse.htm"
onMouseOver='imgShowhouse.src="Images/ShowhouseBold.gif"'
onMouseOut='imgShowhouse.src="Images/Showhouse.gif"'><img
src="Images/Showhouse.gif" name="imgShowhouse" border="0" width="190"
height="57" alt="Show house"></a>
<br><a href="FindADesigner.htm"
onMouseOver='imgFindADesigner.src="Images/FindADesignerBold.gif"'
onMouseOut='imgFindADesigner.src="Images/FindADesigner.gif"'><img
src="Images/FindADesigner.gif" name="imgFindADesigner" border="0"
width="190" height="57" alt="Find A Designer"></a>
<br><a href="InteriorTrends.htm"
onMouseOver='imgInteriorTrends.src="Images/InteriorTrendsBold.gif"'
onMouseOut='imgInteriorTrends.src="Images/InteriorTrends.gif"'><img
src="Images/InteriorTrends.gif" name="imgInteriorTrends" border="0"
width="190" height="57" alt="Interior Trends"></a>
<br><a href="Links.htm" onMouseOver='imgLinks.src="Images/LinksBold.gif"'
onMouseOut='imgLinks.src="Images/Links.gif"'><img src="Images/Links.gif"
name="imgLinks" border="0" width="190" height="57" alt="Links"></a>
<br><a href="MeetTheExpert.htm"
onMouseOver='imgMeetTheExpert.src="Images/MeetTheExpertBold.gif"'
onMouseOut='imgMeetTheExpert.src="Images/MeetTheExpert.gif"'><img
src="Images/MeetTheExpert.gif" name="imgMeetTheExpert" border="0"
width="190" height="57" alt="Meet The Expert"></a>
<br><a href="ContactUs.htm"
onMouseOver='imgContactUs.src="Images/ContactUsBold.gif"'
onMouseOut='imgContactUs.src="Images/ContactUs.gif"'><img
src="Images/ContactUs.gif" name="imgContactUs" border="0" width="190"
height="57" alt="Contact Us"></a>
</body>
</html>

This does not preload images.

Basically, each image link is like:

<br><a href="Home.htm"
onMouseOver='imgHome.src="Images/HomeBold.gif"'
onMouseOut='imgHome.src="Images/Home.gif"'>
<img src="Images/Home.gif"
name="imgHome"
border="0" width="190" height="57"
alt="Home"></a>

Also, I expect others will have some comments about it...
Jul 23 '05 #6
On Sun, 12 Sep 2004 20:22:38 GMT, Michael Winter
<M.******@blueyonder.co.invalid> wrote:

[snip]
The reason is simple: you didn't include the page.


Sorry. I meant path. The missing closing tag that was mentioned is also
significant.

[snip]

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.
Jul 23 '05 #7
Thanks! I think I got it all working now!

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:Ho31d.179813$mD.74496@attbi_s02...
"Karl Burrows" <kf**@spambellsouth.net> wrote in message
news:ro********************@bignews1.bellsouth.net ...
I am working on a Website for a non-profit group and for some reason I

have
one link that doesn't want to cooperate. All the image links work fine

with
the onmouseover and onmouseout script except one. Maybe I am just getting blurry-eyed, but can someone help me figure out what I have done wrong?
Thanks!!!!

<td width="190" height="57"><a href="Trends.htm"
onmouseover="chgImg('Trends','InteriorTrendsBold') "
onmouseout="chgImg('Trends','InteriorTrends')"><im g border="0"
src="images/InteriorTrends.gif" NAME="Trends" width="190"

height="57"></td>
</tr>

Page name is Trends, I have document images setup as follows:

<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
<!-- Hide Script from old browsers

if (document.images) {
Home = new Image
WhoWeAre = new Image
MemberLogIn = new Image
BecomeAMember = new Image
Calendar = new Image
Showhouse = new Image
FindADesigner = new Image
InteriorTrends = new Image
Links = new Image
MeetTheExpert = new Image
ContactUs = new Image
HomeBold = new Image
WhoWeAreBold = new Image
MemberLogInBold = new Image
BecomeAMemberBold = new Image
CalendarBold = new Image
ShowhouseBold = new Image
FindADesignerBold = new Image
InteriorTrendsBold = new Image
LinksBold = new Image
MeetTheExpertBold = new Image
ContactUsBold = new Image

Home.src="Images/Home.gif"
WhoWeAre.src="Images/WhoWeAre.gif"
MemberLogIn.src="Images/MemberLogIn.gif"
BecomeAMember.src="Images/BecomeAMember.gif"
Calendar.src="Images/Calendar.gif"
Showhouse.src="Images/Showhouse.gif"
FindADesigner.src="Images/FindADesigner.gif"
InteriorTrends.src="InteriorTrends.gif"
Links.src="Images/Links.gif"
MeetTheExpert.src="Images/MeetTheExpert.gif"
ContactUs.src="Images/ContactUs.gif"
HomeBold.src="Images/HomeBold.gif"
WhoWeAreBold.src="Images/WhoWeAreBold.gif"
MemberLogInBold.src="Images/MemberLogInBold.gif"
BecomeAMemberBold.src="Images/BecomeAMemberBold.gif"
CalendarBold.src="Images/CalendarBold.gif"
ShowhouseBold.src="Images/ShowhouseBold.gif"
FindADesignerBold.src="Images/FindADesignerBold.gif"
InteriorTrendsBold.src="InteriorTrendsBold.gif"
LinksBold.src="Images/LinksBold.gif"
MeetTheExpertBold.src="Images/MeetTheExpertBold.gif"
ContactUsBold.src="Images/ContactUsBold.gif"
}
function chgImg(imgField,newImg) {
if (document.images) {
document[imgField].src= eval(newImg + ".src")
}
}
//End hiding script from old browsers-->
</SCRIPT>


Try the following alternative "as-is"; watch for word-wrap.

<html>
<head>
<title>Rollover Images</title>
<head>
<body>
<br><a href="Home.htm" onMouseOver='imgHome.src="Images/HomeBold.gif"'
onMouseOut='imgHome.src="Images/Home.gif"'><img src="Images/Home.gif"
name="imgHome" border="0" width="190" height="57" alt="Home"></a>
<br><a href="WhoWeAre.htm"
onMouseOver='imgWhoWeAre.src="Images/WhoWeAreBold.gif"'
onMouseOut='imgWhoWeAreBold.src="Images/WhoWeAre.gif"'><img
src="Images/WhoWeAre.gif" name="imgWhoWeAre" border="0" width="190"
height="57" alt="Who We Are"></a>
<br><a href="MemberLogIn.htm"
onMouseOver='imgMemberLogIn.src="Images/MemberLogInBold.gif"'
onMouseOut='imgMemberLogIn.src="Images/MemberLogIn.gif"'><img
src="Images/MemberLogIn.gif" name="imgMemberLogIn" border="0" width="190"
height="57" alt="Member LogIn"></a>
<br><a href="BecomeAMember.htm"
onMouseOver='imgBecomeAMember.src="Images/BecomeAMemberBold.gif"'
onMouseOut='imgBecomeAMember.src="Images/BecomeAMember.gif"'><img
src="Images/BecomeAMember.gif" name="imgBecomeAMember" border="0"
width="190" height="57" alt="Become A Member"></a>
<br><a href="Calendar.htm"
onMouseOver='imgCalendar.src="Images/CalendarBold.gif"'
onMouseOut='imgCalendar.src="Images/Calendar.gif"'><img
src="Images/Calendar.gif" name="imgCalendar" border="0" width="190"
height="57" alt="Calendar"></a>
<br><a href="Showhouse.htm"
onMouseOver='imgShowhouse.src="Images/ShowhouseBold.gif"'
onMouseOut='imgShowhouse.src="Images/Showhouse.gif"'><img
src="Images/Showhouse.gif" name="imgShowhouse" border="0" width="190"
height="57" alt="Show house"></a>
<br><a href="FindADesigner.htm"
onMouseOver='imgFindADesigner.src="Images/FindADesignerBold.gif"'
onMouseOut='imgFindADesigner.src="Images/FindADesigner.gif"'><img
src="Images/FindADesigner.gif" name="imgFindADesigner" border="0"
width="190" height="57" alt="Find A Designer"></a>
<br><a href="InteriorTrends.htm"
onMouseOver='imgInteriorTrends.src="Images/InteriorTrendsBold.gif"'
onMouseOut='imgInteriorTrends.src="Images/InteriorTrends.gif"'><img
src="Images/InteriorTrends.gif" name="imgInteriorTrends" border="0"
width="190" height="57" alt="Interior Trends"></a>
<br><a href="Links.htm" onMouseOver='imgLinks.src="Images/LinksBold.gif"'
onMouseOut='imgLinks.src="Images/Links.gif"'><img src="Images/Links.gif"
name="imgLinks" border="0" width="190" height="57" alt="Links"></a>
<br><a href="MeetTheExpert.htm"
onMouseOver='imgMeetTheExpert.src="Images/MeetTheExpertBold.gif"'
onMouseOut='imgMeetTheExpert.src="Images/MeetTheExpert.gif"'><img
src="Images/MeetTheExpert.gif" name="imgMeetTheExpert" border="0"
width="190" height="57" alt="Meet The Expert"></a>
<br><a href="ContactUs.htm"
onMouseOver='imgContactUs.src="Images/ContactUsBold.gif"'
onMouseOut='imgContactUs.src="Images/ContactUs.gif"'><img
src="Images/ContactUs.gif" name="imgContactUs" border="0" width="190"
height="57" alt="Contact Us"></a>
</body>
</html>

This does not preload images.

Basically, each image link is like:

<br><a href="Home.htm"
onMouseOver='imgHome.src="Images/HomeBold.gif"'
onMouseOut='imgHome.src="Images/Home.gif"'>
<img src="Images/Home.gif"
name="imgHome"
border="0" width="190" height="57"
alt="Home"></a>

Also, I expect others will have some comments about it...

Jul 23 '05 #8
On Mon, 13 Sep 2004 12:36:29 -0400, Karl Burrows wrote:
Thanks! I think I got it all working now!


While you quote around 160 lines of
unnecessary material, makes me suspect
a key is broken on your keyboard..
<http://www.physci.org/kbd.jsp?key=del>

Please trim most of the quoted material
from replies in future.

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology
Jul 23 '05 #9
Karl Burrows wrote:
Thanks! I think I got it all working now!

[more than 150 lines of quote]


Everything except of your brain.
PointedEars, score adjusted
Jul 23 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: Brian Angliss | last post by:
I'm relatively new to scripting in JavaScript, so I'm not too surprised I'm having difficulty scripting up an animation effect for my personal site. What I'm trying to do is the following: When...
4
by: Matt | last post by:
i know more-or-less zero about javascript, but my client wants a rollover and he created this code, which doesn't work. All comments are appreciated. 1. the tag: <td align="center" width="66"...
3
by: JOSEPHINE ALVAREZ | last post by:
I have this code that I want to use to do a rollover. However, because the company I am doing it for is continually changing the text, I want to be able to use dynamic text to change the text on...
6
by: AJBopp | last post by:
I'm wrestling with CSS variations between Firefox and IE. I'm trying to create rollover buttons in a menu frame. It is working perfectly in Firefox but in IE only the first button is properly...
5
by: Patrick.O.Ige | last post by:
I want to have a rollover image on an hyperlink inside a Repeater control but when i run the page i get "Image1 is undefined" Any ideas? I have a Hyperlink and an Image control in a repeater...
3
by: Rob R. Ainscough | last post by:
Just curious why a VERY commonly used affect of rollover was NOT implemented in .NET 2.0 for web controls? Does anyone have a link to VB code that will show me how to build my own UserControl...
4
by: Dan | last post by:
Hi, I know how to make a rollover image in java, but I have trouble when my photo is a php document like: photo_resize.php? id=2&amp;resize_width=600&amp;resize_height=466 Does anyone know how to...
2
by: Casimir | last post by:
I am looking into making pure CSS image rollovers. Do you have any clever (and robust) CSS rollover-tricks? Or links to such "in the wild"? I have figured out two methods for this, but have...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
0
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
0
tracyyun
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
3
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
3
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.