Disable javascript to specific browser? Using CSS maybe?

Looking for a method if disabling javascript when the user is using an iphone….my rollover javascript is waaay to slow on the unit….if I don’t load it, that is fine because I have a static image ABSOLUTE positioned exactly where it would regularly load the images….

(when you disable javascript in a regular browser it looks great with the single photo)

Anyways…since the iphone doesn’t support HANDHELD CSS media type, I researched this and was told that I could use the following CSS3 trick, which works with iphones reportedly and other browsers are supposed to ignore….

[CODE]<link media=”only screen and (max-device-width: 480px)” href=”iPhone.css” type=”text/css” rel=”stylesheet” />[/CODE]

the ‘only’ is apparently the trick, as other browsers flip-out and ignore the whole string then…

The problem with this, is that my javascript still remains in the page and has nothing to do with CSS (except it’s positioning obviously).

Is there a way using the above code to disable all javascript on the page in that instance?

Thanks for any help everyone!

Also in #CSS _↴