source: t29-www/de/geraete/telefunken_t40w.shtm @ 86

Last change on this file since 86 was 86, checked in by sven, 15 years ago

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 size: 4.8 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
4<head><!--#set var="title"        value="Telefunken T 40W"
5   --><!--#set var="location"     value="telefunkent40w"
6   --><!--#set var="part"         value="extra"
7   --><!--#set var="url_en"       value="devices/telefunken_t40w.shtm"
8   --><!--#set var="title_en"     value="Telefunken T 40W"
9   --><!--#set var="prev"         value="/de/kommunikationstechnik/rundfunk.shtm"
10   --><!--#set var="prev_title"   value="Rundfunk"
11   --><!--#set var="next"         value=""
12   --><!--#set var="next_title"   value=""
13   --><title>technikum29 - <!--#echo var="title" --></title>
14
15    <!--#include virtual="/de/inc/head.inc.shtm" -->
16    <meta name="t29.this.SVN" content="$Id$" />
17
18    <!-- Kram fuer das Transparenz-Zeug -->
19    <script type="text/javascript" src="/shared/js/slider/slider.js"></script>
20    <link rel="stylesheet" type="text/css" href="/shared/js/slider/slider.css" />
21    <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 = 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;
36     slider[1].onchange = setTransparency;
37
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     }
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;
55     }
56    </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>
74</head>
75<body>
76<!--#echo encoding="none" var="heading" -->
77<div id="content">
78    <h2 class="center"><!--#echo var="title" --></h2>
79
80    <div class="box center">
81      <div id="rel">
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." />
88      </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-->
108    </div>
109
110    <p>Hier steht viel erläuternder Text, der sich möglicherweise noch einiger anderer
111       Bilder bedient, je nach Belieben.</p>
112
113
114</div><!-- content -->
115<!--#include virtual="/de/inc/menu.inc.shtm" -->
116</body>
117</html>
Note: See TracBrowser for help on using the repository browser.
© 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