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> |
---|