Changeset 88 in t29-www for de/geraete


Ignore:
Timestamp:
Mar 24, 2009, 2:27:17 AM (15 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:
1 edited

Legend:

Unmodified
Added
Removed
  • de/geraete/telefunken_t40w.shtm

    r87 r88  
    2020    <link rel="stylesheet" type="text/css" href="/shared/js/slider/slider.css" />
    2121    <script type="text/javascript">
    22      // setup
    23      var slider = new Array();
    24      slider[1] = new Object();
    25      slider[1].min = 0;
    26      slider[1].max = 100;
    27      slider[1].val = 0;
    28      slider[1].playerStepTimeout = 100; // ms
    29      slider[1].playerStepDistance = 1.6; // in min/max/val-Einheiten!
    30      slider[1].playerStopLabel = "Animation stoppen";
    31      slider[1].playerStartLabel = "Animation starten";
    32      slider[1].playerRepeatLabel = "Animation wiederholen"
    33      slider[1].playerAutoReverse = false;
    34      slider[1].playerAutoStart = true;
    35      slider[1].playerRepeatFromMin = true;
    36      slider[1].onchange = setTransparency;
     22        //<!-- setup
     23        var slider = new Array();
     24        slider[1] = new Object();
     25        slider[1].min = 0;
     26        slider[1].max = 100;
     27        slider[1].val = 0;
     28        slider[1].playerStepTimeout = 100; // ms
     29        slider[1].playerStepDistance = 1.6; // in min/max/val-Einheiten!
     30        slider[1].playerStopLabel = "Animation stoppen";
     31        slider[1].playerStartLabel = "Animation starten";
     32        slider[1].playerRepeatLabel = "Animation wiederholen"
     33        slider[1].playerAutoReverse = false;
     34        slider[1].playerAutoStart = true;
     35        slider[1].playerRepeatFromMin = true;
     36        slider[1].onchange = setTransparency;
    3737
    38      function setTransparency(val, blubb) {
    39          val = val / 100; // normierung auf [0,1]
    40          // bereits ab 0.75 ist der Kasten nicht mehr zu sehen
    41          setOpacity("zu",            -val/0.75 + 1);
    42          // ab 0.75 erscheint die Beschriftung, hoch 3 potenziert
    43          setOpacity("beschriftung",  Math.pow(val - 0.75, 3)*64 );
    44          // linearer Zuwachs, okay:
    45          //setOpacity("beschriftung",  (val-0.75)*4  );
    46          //document.getElementById("zu").style.opacity = 1-val;
    47          //document.getElementById("beschriftung").style.opacity = val / 2;
    48          ////document.getElementById("offen").style.opacity = val;
    49      }
     38        function setTransparency(val, blubb) {
     39                val = val / 100; // normierung auf [0,1]
     40                // bereits ab 0.75 ist der Kasten nicht mehr zu sehen
     41                setOpacity("zu",            -val/0.75 + 1);
     42                // ab 0.75 erscheint die Beschriftung, hoch 3 potenziert
     43                setOpacity("beschriftung",  Math.pow(val - 0.75, 3)*64 );
     44                // alternativ ein linearer Zuwachs:
     45                //setOpacity("beschriftung",  (val-0.75)*4  );
     46                //document.getElementById("zu").style.opacity = 1-val;
     47                //document.getElementById("beschriftung").style.opacity = val / 2;
     48        }
    5049
    51      function setOpacity(id, value) {
    52          if(value >= 1) value = 1.0;
    53          if(value <= 0) value = 0;
    54          document.getElementById(id).style.opacity = value;
    55      }
     50        function setOpacity(id, value) {
     51                if(value >= 1) value = 1.0;
     52                if(value <= 0) value = 0;
     53                document.getElementById(id).style.opacity = value;
     54                if(document.all) {
     55                        // IE 7 kann (immer!) noch kein opacity, daher ein
     56                        // haessliches workaround:
     57                        document.getElementById(id).style.setAttribute("filter", "alpha(opacity="+Math.round(100*value)+")", 0);
     58                        if(value == 1.0)
     59                                // der filter zerschiesst alpha-Transparenz -- noch ein workaround
     60                                document.getElementById(id).style.removeAttribute("filter", 0);
     61                }
     62        }
     63        // -->
    5664    </script>
    57     <style type="text/css">
    58       #rel, #zu, #offen {
    59           position: absolute;
    60           width: 930px;
    61           height: 569px;
    62           top: 0; left: 0;
    63       }
    64       #beschriftung {
    65           position: absolute;
    66           top: -53px;
    67           left: -36px;
    68       }
    69       #zu           { z-index: 3 }
    70       #beschriftung { z-index: 2; }
    71       #offen        { z-index: 1; }
    72       #rel          { position: relative; margin-bottom: 80px; margin-top: 60px; }
    73     </style>
    7465</head>
    7566<body>
     
    8475        <img id="zu" src="/shared/photos/kommunikationstechnik/telefunken_t40w/geschlossen.jpg"
    8576             alt="Telefunken T40W: Sicht auf das geschlossene Gehäuse" />
    86         <img id="beschriftung" src="/shared/photos/kommunikationstechnik/telefunken_t40w/beschriftung.png"
     77        <img id="beschriftung" src="/shared/photos/kommunikationstechnik/telefunken_t40w/beschriftung.de.png"
    8778             alt="Telefunken T40W Legende: Beschriftung der Verstärkerstufen, Röhren, etc." />
    8879      </div>
Note: See TracChangeset for help on using the changeset viewer.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License