Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > Images don't load when using JavaScript in SRC= attribute for FireFox

Thread Tools

Images don't load when using JavaScript in SRC= attribute for FireFox
Posts: n/a

I'm in a quandary as to how to address a problem. The site in question:

On the left-hand side of the site are image navigation elements that
change when clicked based on where you are in the navigation heirarchy.
They work just fine in IE, but Firefox doesn't load the initial state
of the images. If you mouse over the images that have onmouseover or
onmouseout events, though, the images associated with those events do
pop up correctly. I have tired a few "best guess" stabs using OnLoad
events to no avail. Grateful for your help. Javascript file is at.

sample HTML code:

<a href="../" onMouseOver="imgHov('home');"

<img src="javascript:simNav('home');" name="home" border="0" width="66"

The simNav function:

function simNav(n_name) {
var url =this.location.href
root_name =url.substring(url.indexOf(n_name),eval(url.indexO f(n_name)+
if (this.document) {
if (n_name == root_name || (n_name == "home" && homepage ==
"y")) {
document[n_name].src = eval(n_name + "On" + ".src");
} else {
document[n_name].src = eval(n_name + "Off" + ".src");
return (document[n_name].src);

Sample image source loading for Javascript:

homeOn = new Image(); // Active images
homeOn.src = "/images/n_home_on.gif";

Very grateful for your help!

Reply With Quote
Martin Honnen
Posts: n/a
      01-22-2006 Removed) wrote:

> <img src="javascript:simNav('home');"

You have no clue what a javascript: URL is good for, the expression
following the javascript: is supposed to yield the data to load so
unless your simNav('home') call returns image data that the image
element can render that construct is pointless.

See <> where that is used in a way it makes

If you need to call that simNav function then use
<script type="text/javascript">
where that function needs to be called.
Use a static image element e.g.
<img src="whatever.gif" alt="whatever" name="whatever">
so that with or without JavaScript the image or its alt text is rendered.
If you only want to render the img element with script then use
<script type="text/javascript">
'<img src="whatever.gif" alt="whatever" name="whatever">');
of course there you have all the power of JavaScript expressions thus if
you have a function yielding a URL then you can do
<script type="text/javascript">
'<img src="' + getURL('whatever') + '" alt="whatever" '>');


Martin Honnen
Reply With Quote
Posts: n/a
Interesting solution, worth trying, many thanks. Another alternative I
was thinking of was trying to use an "eval" statement around the
"javascript:" statement, since it seems to execute fine enough once the
page is loaded.

John Blossom

Reply With Quote

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 Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
FIrefox wants top open images in app, not in firefox Evan Platt Computer Support 6 11-17-2008 04:30 AM
Load xml in Javascript doesnt work in firefox Hush Javascript 20 08-09-2008 06:41 PM
Run Javascript function upon Page Load from Page Load event handle Matcon ASP .Net 3 05-28-2008 05:15 PM
Firefox + Javascript unable to load page Javascript 4 05-09-2007 11:50 AM
setting the src attribute using script and caching images cosmic foo Javascript 2 07-27-2005 02:27 PM