Browser compatibility

Why does my code work in Chrome / Firefox but not Safari?
check it out The page

and the code also


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">


<head>


<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Blah</title>
<link rel="stylesheet" href="https://sites.google.com/site/polyhedra3/style.css?attredirects=0&d=1">

<!-- start javascript presentation -->

<script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptC.js?attredirects=0&d=1"></script>
    <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptD.js?attredirects=0&d=1"></script>
    <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptE.js?attredirects=0&d=1"></script>
    <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptF.js?attredirects=0&d=1"></script>

    <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptG.js?attredirects=0&d=1"></script>
    <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptH.js?attredirects=0&d=1"></script>
    <script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptI.js?attredirects=0&d=1"></script>

<script type="text/javacript" src="https://sites.google.com/site/polyhedra3/scriptA.js?attredirects=0&d=1"></script>

<script type="text/javascript" src="https://sites.google.com/site/polyhedra3/scriptB.js?attredirects=0&d=1"></script>
<!-- end javascript presentation -->




</head>


<div id="wrapper">
   <h2 id="top">Tetrahedron</h2>
<div id="solidWrapper">
  <img id="solid" src="http://4.bp.blogspot.com/-0J31HXOWtWU/TuLVJwuolXI/AAAAAAAAAmM/XCnQ6ewD0YE/s1032/Tetrahedron01.png" alt="rotating Tetrahedron"
  
 ontouchstart="touchStart(event);"
 ontouchmove="touchMove(event);"
 ontouchend="touchEnd(event);" />
  <h2>Note</h2>
  <p>Click or touch on a Platonic solid,Then change its     direction and speed of rotation with the mouse or your finger.  <a href="http://3quarks.com" alt="starting site"><em>Thanks to Rüdiger Appel</a>                 
                     
 </div>   
</div>

</html>

It looks the same in Firefox and Safari to me. I just see a static image that does nothing when I click on it.

i got frustated with presenting it with javascript… so try here i removed the java but kept the styles.

A .gif is probably more reliable anyhow. So are you happy now? Seems a good solution to me. :slight_smile:

i’m ecstatic. glad this is not my job, and just a hobby!