Changeset 86 in t29-www for de/geraete


Ignore:
Timestamp:
Mar 21, 2009, 12:19:25 AM (15 years ago)
Author:
sven
Message:

Telefunken T40W:

  • Bilddateien in eigenes Verzeichnis verschoben
  • Slider um Automatik-Play-Modus erweitert

Heribert hat zwar schon nen Text geschrieben, den ich aber
versehentlich ueberschrieben habe. Der kommt also morgen.

-- Sven @ t29

File:
1 edited

Legend:

Unmodified
Added
Removed
  • de/geraete/telefunken_t40w.shtm

    r85 r86  
    22     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    33<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    4 <head><!--#set var="title"        value="Telefunken T40W"
     4<head><!--#set var="title"        value="Telefunken T 40W"
    55   --><!--#set var="location"     value="telefunkent40w"
    66   --><!--#set var="part"         value="extra"
    77   --><!--#set var="url_en"       value="devices/telefunken_t40w.shtm"
    8    --><!--#set var="title_en"     value="Telefunken T40W"
     8   --><!--#set var="title_en"     value="Telefunken T 40W"
    99   --><!--#set var="prev"         value="/de/kommunikationstechnik/rundfunk.shtm"
    1010   --><!--#set var="prev_title"   value="Rundfunk"
     
    2626     slider[1].max = 100;
    2727     slider[1].val = 0;
     28     slider[1].playerStepTimeout = 50; // ms
     29     slider[1].playerStepDistance = 0.8; // 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;
    2836     slider[1].onchange = setTransparency;
    2937
    3038     function setTransparency(val, blubb) {
    3139         val = val / 100; // normierung auf [0,1]
    32          document.getElementById("zu").style.opacity = 1-val;
    33          //document.getElementById("offen").style.opacity = val;
     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     }
     50
     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;
    3455     }
    3556    </script>
     
    4162          top: 0; left: 0;
    4263      }
    43       #rel { position: relative; }
     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; }
    4473    </style>
    4574</head>
     
    5180    <div class="box center">
    5281      <div id="rel">
    53         <img id="offen" src="/shared/photos/kommunikationstechnik/telefunken_t40w-offen.jpg" />
    54         <img id="zu" src="/shared/photos/kommunikationstechnik/telefunken_t40w-geschlossen.jpg" />
     82        <img id="offen" src="/shared/photos/kommunikationstechnik/telefunken_t40w/offen.jpg"
     83             alt="Telefunken T40W: Sicht auf die Elektronik/das Innenleben" />
     84        <img id="zu" src="/shared/photos/kommunikationstechnik/telefunken_t40w/geschlossen.jpg"
     85             alt="Telefunken T40W: Sicht auf das geschlossene Gehäuse" />
     86        <img id="beschriftung" src="/shared/photos/kommunikationstechnik/telefunken_t40w/beschriftung.png"
     87             alt="Telefunken T40W Legende: Beschriftung der Verstärkerstufen, Röhren, etc." />
    5588      </div>
    56         <div class="slider" id="slider01">
    57            <div class="left"></div>
    58            <div class="right"></div>
    59            <img src="/shared/js/slider/img/knob.png" width="31" height="15" />
    60         </div>
     89      <div id="controls">
     90         <noscript>Bitte aktivieren sie in ihrem Browser JavaScript, um
     91           die Animation betrachten zu können.</noscript>
     92         <div class="cols">
     93           <div class="leftcol">
     94             <input type="button" value="Abspielen" id="slider-button1" />
     95             <div class="slider" id="slider01">
     96                <div class="left"></div><div class="right"></div>
     97                <img src="/shared/js/slider/img/knob.png" width="31" height="15" />
     98             </div>
     99           </div><!--left-->
     100           <div class="rightcol">
     101               Benutzen sie den Schieberegler, um einen Einblick in das
     102               Gerät erhalten zu können, oder klicken sie auf "Animation
     103               starten"
     104           </div><!--right-->
     105           <div class="clear"></div>
     106         </div><!--cols-->
     107       </div><!--controls-->
    61108    </div>
    62109
    63     <p>Benutzen sie den Schieberegler, um einen Einblick in das
    64        Gerät erhalten zu können.</p>
     110    <p>Hier steht viel erläuternder Text, der sich möglicherweise noch einiger anderer
     111       Bilder bedient, je nach Belieben.</p>
     112
    65113
    66114</div><!-- content -->
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