473,386 Members | 1,764 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

Fading img's / input type="image"'s

I'm using a fading image script that I found via Google Groups on this
newsgroup, and am having some difficulty with it. First, here's a link
to the Google Groups posting:

http://groups-beta.google.com/group/...287a2f20de1b10

I've modified the page linked to in the above URL by making one of the
images an input element whose type is an image and am now encountering
flickering problems. Here's the webpage:

http://geocities.com/zelnugget/fade.html

Any ideas as to what I could do to fix this problem?

Also, I apologize for the page not being HTML4.01 compliant. That's
geocities fault - not mine. If you look at the source code, it should
be easy enough to see how to make the page HTML4.01 compliant (just
remove the code above and after the "remove this code" comments).

Jul 23 '05 #1
1 1751
zelnugget wrote:
[...]
I've modified the page linked to in the above URL by making one of the
images an input element whose type is an image and am now encountering
flickering problems. Here's the webpage:

[...]

Sorry but the pages are such a mess I couldn't get a good look
at the code. Much better if you put your issue into a simple
script and post the actual code or a suitable snippet.

Have a read of this thread:
<URL:http://groups-beta.google.com/group/comp.lang.javascript/browse_frm/thread/bfc549e41ee70963/a21522fdbe7c893b?q=firefox+bug+flicker&_done=%2Fgr oup%2Fcomp.lang.javascript%2Fsearch%3Fgroup%3Dcomp .lang.javascript%26q%3Dfirefox+bug+flicker%26qt_g% 3D1%26searchnow%3DSearch+this+group%26&_doneTitle= Back+to+Search&&d#a21522fdbe7c893b>

Or if that is too broken by Google Groups, search this news
group for "onMouseOver/onMouseOut not working" about 12 Feb 05.

The flicker is caused by bubbling of events. If you move your
mouse quickly in Firefox, the onmouseout does not always restore
the initial image. This is a bug in Firefox/Mozilla - the
onmouseout does not always fire.

RobB proposed a solution based on CSS and background image that
seems to fix the flicker & onmouseout pretty well, but it is
more a work around and is not actually a cure - some users will
still have an issue with it but far fewer than with your current
code.

--
Rob
Jul 23 '05 #2

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

Similar topics

1
by: Jawahar Rajan | last post by:
All, I am using a few Input type of "Image" instead of a classic submit button in a form to achieve various tasks for example image1 - add user image2 - modify user image3 - delete user...
1
by: Dave | last post by:
Hi all, I was trying to make an image submit button with a rollover and discovered to my suprise that there is no way to access a form element of the "image" type. I tried specifying it by name...
2
by: Mr.Clean | last post by:
If I have an Input of type image, it is not listed in the Forms elements when walking to DOM using MSHTML. Is this expected behaviour and how would I get the image input to submit the form NOT...
17
by: Alan Silver | last post by:
Hello, I have a page which I am converting to use themes. The page has an HTML <input type="image"> element that is used to post to another page. I would like to replace this with a server...
2
by: Alan Silver | last post by:
Hello, If I have the following HTML... <input type="image" src="fred.gif"> .... is there a way to specify the image in CSS rather than in the HTML? TIA
5
by: Mark Woodward | last post by:
Hi all, I'm trying to set up a 'control panel' consisting of a table of icons. The early stages: http://www.deepinit.com/controlcentre.php Each of these is set up like: <td> <input...
3
by: PJ6 | last post by:
Embedded javascript can be served from a DLL with an include that uses a special URL generated by the Page.ClientScript.GetWebResourceUrl method at runtime. For example: <script...
3
by: =?Utf-8?B?V2lsbA==?= | last post by:
I have an image "button" which causes a postback. I handle the "click" with If Request.Form("btnBU7WD6_Submit.X") 0 Then... this works great. However, when a user double-clicks the image...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

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.