Changeset 88 in t29-www for de/geraete

Timestamp:

Mar 24, 2009, 2:27:17 AM (14 years ago)

Author:

sven

Message:

Telefunken t40w-Animation laeuft jetzt auch im Internet Explorer (7), zumindest
das erste mal (Wiederholung wohl nicht). Kompletten Bereich jetzt auch auf
englisch uebersetzt.

-- Sven @ t29

File:

• de/geraete/telefunken_t40w.shtm (modified) (2 diffs)

de/geraete/telefunken_t40w.shtm

@@ -20 +20 @@
     <link rel="stylesheet" type="text/css" href="/shared/js/slider/slider.css" />
     <script type="text/javascript">
-     // setup
-     var slider = new Array();
-     slider[1] = new Object();
-     slider[1].min = 0;
-     slider[1].max = 100;
-     slider[1].val = 0;
-     slider[1].playerStepTimeout = 100; // ms
-     slider[1].playerStepDistance = 1.6; // in min/max/val-Einheiten!
-     slider[1].playerStopLabel = "Animation stoppen";
-     slider[1].playerStartLabel = "Animation starten";
-     slider[1].playerRepeatLabel = "Animation wiederholen"
-     slider[1].playerAutoReverse = false;
-     slider[1].playerAutoStart = true;
-     slider[1].playerRepeatFromMin = true;
-     slider[1].onchange = setTransparency;
+        //<!-- setup
+        var slider = new Array();
+        slider[1] = new Object();
+        slider[1].min = 0;
+        slider[1].max = 100;
+        slider[1].val = 0;
+        slider[1].playerStepTimeout = 100; // ms
+        slider[1].playerStepDistance = 1.6; // in min/max/val-Einheiten!
+        slider[1].playerStopLabel = "Animation stoppen";
+        slider[1].playerStartLabel = "Animation starten";
+        slider[1].playerRepeatLabel = "Animation wiederholen"
+        slider[1].playerAutoReverse = false;
+        slider[1].playerAutoStart = true;
+        slider[1].playerRepeatFromMin = true;
+        slider[1].onchange = setTransparency;
 
-     function setTransparency(val, blubb) {
-         val = val / 100; // normierung auf [0,1]
-         // bereits ab 0.75 ist der Kasten nicht mehr zu sehen
-         setOpacity("zu",            -val/0.75 + 1);
-         // ab 0.75 erscheint die Beschriftung, hoch 3 potenziert
-         setOpacity("beschriftung",  Math.pow(val - 0.75, 3)*64 );
-         // linearer Zuwachs, okay:
-         //setOpacity("beschriftung",  (val-0.75)*4  );
-         //document.getElementById("zu").style.opacity = 1-val;
-         //document.getElementById("beschriftung").style.opacity = val / 2;
-         ////document.getElementById("offen").style.opacity = val;
-     }
+        function setTransparency(val, blubb) {
+                val = val / 100; // normierung auf [0,1]
+                // bereits ab 0.75 ist der Kasten nicht mehr zu sehen
+                setOpacity("zu",            -val/0.75 + 1);
+                // ab 0.75 erscheint die Beschriftung, hoch 3 potenziert
+                setOpacity("beschriftung",  Math.pow(val - 0.75, 3)*64 );
+                // alternativ ein linearer Zuwachs:
+                //setOpacity("beschriftung",  (val-0.75)*4  );
+                //document.getElementById("zu").style.opacity = 1-val;
+                //document.getElementById("beschriftung").style.opacity = val / 2;
+        }
 
-     function setOpacity(id, value) {
-         if(value >= 1) value = 1.0;
-         if(value <= 0) value = 0;
-         document.getElementById(id).style.opacity = value;
-     }
+        function setOpacity(id, value) {
+                if(value >= 1) value = 1.0;
+                if(value <= 0) value = 0;
+                document.getElementById(id).style.opacity = value;
+                if(document.all) {
+                        // IE 7 kann (immer!) noch kein opacity, daher ein
+                        // haessliches workaround:
+                        document.getElementById(id).style.setAttribute("filter", "alpha(opacity="+Math.round(100*value)+")", 0);
+                        if(value == 1.0)
+                                // der filter zerschiesst alpha-Transparenz -- noch ein workaround
+                                document.getElementById(id).style.removeAttribute("filter", 0);
+                }
+        }
+        // -->
     </script>
-    <style type="text/css">
-      #rel, #zu, #offen {
-          position: absolute;
-          width: 930px;
-          height: 569px;
-          top: 0; left: 0;
-      }
-      #beschriftung {
-          position: absolute;
-          top: -53px;
-          left: -36px;
-      }
-      #zu           { z-index: 3 }
-      #beschriftung { z-index: 2; }
-      #offen        { z-index: 1; }
-      #rel          { position: relative; margin-bottom: 80px; margin-top: 60px; }
-    </style>
 </head>
 <body>
@@ -84 +75 @@
         <img id="zu" src="/shared/photos/kommunikationstechnik/telefunken_t40w/geschlossen.jpg"
              alt="Telefunken T40W: Sicht auf das geschlossene Gehäuse" />
-        <img id="beschriftung" src="/shared/photos/kommunikationstechnik/telefunken_t40w/beschriftung.png"
+        <img id="beschriftung" src="/shared/photos/kommunikationstechnik/telefunken_t40w/beschriftung.de.png"
              alt="Telefunken T40W Legende: Beschriftung der Verstärkerstufen, Röhren, etc." />
       </div>