nicht angemeldet
Steuern von fließenden Übergängen mit dem blendTrans-Filter
0 
JürgenB
Steuern von fließenden Übergängen mit dem blendTrans-Filter
Hallo!
Das unten genannte Beispiel trifft fast auf das zu was ich erstellen will.
Allerdings sollte man den Text mit 2 Buttons blättern können.
1 Button zum vor blättern und 1 Button zum zurückblättern.
Sodass zwischen mehreren Texten vor und zurück geblättert werden kann.
In diesem Beispiel wird ja nur auf den Text geklickt damit er sich ändert.
Hier das Beispiel, es stammt von dieser Seite:
http://de.selfhtml.org/dhtml/modelle/dynamische_filter.htm#reveal_trans2
Beispiel für Text:
<html><head><title>Test</title>
<script language="JScript" type="text/jscript">
var NormalText = "Wer HTML nicht ehrt";
var AndererText = "ist des Dynamischen nicht wert";
var Text = 1;
function Wechsel () {
if (Text == 1) {
Text = 2;
document.all.MeinText.filters.blendTrans.Apply();
document.all.MeinText.innerText = AndererText;
document.all.MeinText.filters.blendTrans.Play();
} else {
Text = 1;
document.all.MeinText.filters.blendTrans.Apply();
document.all.MeinText.innerText = NormalText;
document.all.MeinText.filters.blendTrans.Play();
}
}
</script>
</head><body>
<p>Klicken Sie auf den folgenden Text:</p>
<div id="MeinText" style="cursor:hand; margin-bottom:100px; font-size:2.6em; color:red; width:14em; filter:blendTrans(Duration=0.5)" onclick="Wechsel()">
Wer HTML nicht ehrt</div>
</body>
</html>
Gruß
Frank
-
Hallo Frank,
<script language="JScript" type="text/jscript">
^
document.all.MeinText.filters.blendTrans.Apply();
^ ^
willst du wirklich eine Seite nur für den Internetexplorer erstellen?
Vielleicht beschreibst du mal was du wirklich machen willst und ob du eine Seite für "die weite Welt" oder nur für ein Intranet oder dich privat erstellen möchtest.
Gruß, Jürgen
-
Hallo!
Also was ich vorhabe ist folgendes,
Es soll ein Text in der Mitte der Seite platziert werden.
Der Text ist auf einer Grafik. Die Grafik dient also als Hintergrund.
Die Seite sollte nicht gescrollt werden.
Da der Text allerdings die Fläche der Grafik einnimmt und gleichzeitig vom Inhalt grösser wäre als die Fläche
groß ist , soll der Text über 2 Schaltflächen, welche sich links und rechts neben der Grafikfläche befinden,
geblättert werden können. Also vor und zurück blättern mit den Schaltflächen.
Der Effekt während dessen soll so sein wie bei einem Seitenübergang.
Nur mit dem Unterschied das es eben nur den Text betrifft.
Für einen Seitenübergang habe ich diesen Effekt gewählt:
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=2.5,Transition=12)">
(Wichtig war mir Transition=12)
Aber es soll ja in dem Fall kein Seitenübergang stattfinden sondern eben die Textänderung
mit dem beschriebenen Effekt: blend-trans filter.
Für den Hintergrund sieht es so aus:
<div style="position:absolute;left:120px;top:225px"/>
<img src="/pics/textfeld.png" alt="" height="200" width="760" border="0"> </div>
Für den Text so:
<div style="position:absolute;left:160px;top:240px;height:180px;width:660px"/>Ich selbst benutze den IE6.
Eigentlich soll ja die Seite für alle lesbar, nutzbar ohne fehler usw. sein.
Vielleicht reichen ja die Infos vorab.
Gruß
Frank-
Hi,
vielleicht solltest du dir den Artikel Fader-Framework mal anschauen.
Da werden Überblendungen per Opacity realisiert, und das ist statt mit Bildern natürlich auch mit Text enthaltenden Elementen möglich.MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.
-
-