Übergänge mit .....Trans-Filter

[^Michael Grünert]

Als erstes muß ich sagen, ich bin noch Anfänger.
Ich habe in selfhtml unter Dynamische Filter dieses Beispiel für Fließende Übergänge gefunden (blendTrans-Filter Grafiken). Mit diesem Script kann man ein Fließenden übergang herstellen von Bild1 zu Bild2.
Echt super, habe ich dann sofort in meiner Homepage eingebaut und klappt auch ganz toll. Nun mein Problem:
Ich habe auf meiner Homepage noch ein 2. Bild und ich möchte nun das Script so verändern das dieses 2. Bild (Bild3) auch einen Fließenden übergang bekommt, zu einen andrem Bild (Bild4). Ich habe nun schon einiges versucht (was in meiner macht steht), aber habe es noch nicht geschafft. Ich würde mich sehr freuen wenn mir einer helfen könnte.

Gruß Michael

[Michael]

Hallo Michael (oh, ein Namensvetter)

Ja solche Filter sind echt eine tolle Sache für spielerische Effekte und man kann es bestimmt ändern.
Leider habe ich trotz mehrmaligen Lesen Deines Artikels den Quelltext nicht gefunden und deshalb fällt es mir schwer zu sagen, welche Änderungen Du vornehmen solltest. Vielleicht kannst Du ihn noch etwas ergänzen.

Gruß
   Michael

[Michael Grünert]

Hallo Michael,

das Script steht unter:
selfhtml:
Dynamisches HTML/Ansätze von Microsoft und Netscape/Dynamische Filter(Microsoft) und dann unter:
Fließende übergänge mit dem blendTrans-Filter
Beispiel (für Grafiken)

Gruß Micha

[Pepe]

Tag Michael !
Ich hatte das selbe Problem, wollte eine DIA-Show als Endlosschleife hinkriegen bei der sich das Picture jeweils mit ‚nem MouseClick auf das selbige ändert !
Mein Arbeitskollege "das Burty" (bin‚s ihm die Erwähnung schuldig) und ich haben das Problem folgendermassen in JavaScript gelösst (vorsicht, der Filter läuft meines Wissens nach nicht mit dem Netscape):

<!--
var counter = 2;

var Bild = new Array();
for(i=1;i<=5;i++)
{
  switch (i)
  {
    case 1 : {Bild[i] = new Image(); Bild[i].src = "Pic1"; break;}
    case 2 : {Bild[i] = new Image(); Bild[i].src
= "pic 2"; break;}
    case 3 : {Bild[i] = new Image(); Bild[i].src
= "pic 3"; break;}
    case 4 : {Bild[i] = new Image(); Bild[i].src = "pic4"; break;}
    case 5 : {Bild[i] = new Image(); Bild[i].src = "pic5"; break;}
    default : break;
  }
}

function rtfg(gobj)
{
  if (counter > 5) counter = 1;

gobj.filters.revealTrans.Apply();
  gobj.src = Bild[counter].src;
  gobj.filters.revealTrans.Play();

counter++;
}
//-->

Du kannst natürlich noch mehr pics benutzen, musst aber
dann in der function die max. Höhe des counters angleichen.

Der img-tag enthält dann folgendes (als filter hab ich hier den revealTrans statt des blendTrans benutzt):

<img src="pix/pf.jpg" style="filter:revealTrans(Duration=0.5,Transition=3)"; style="cursor:hand";  
onclick="rtfg(this)" border=0 width=bla height=bla alt="bla ">

Angucken könnt Ihr Euch das unter http://pepe.musicpage.de (auf der InfoSeite)
Sorry, für Netscape User hab ich die Page vorerst dichtgemacht (die können sich den Effekt eh nicht ansehen), da ich mehr Wert auf ordentliches Design lege (mache nahezu alle Grafix selbst) und der NN mir einfach zuviel Problems mit der Ausrichtung von images macht ! Aber keine Bange, innerhalb dieser Woche geht meine "Pepe‚s Pages NxG" an den Start, besserer Code, neue Features....etc. Die neue Page ist im Gegensatz zur jetzigen (meine erste HP) wesentlich besser geworden, die Weitergeleitung nach Auflösung wird automatisch ablaufen etc..... also schaut besser am Wochenende nochmal rein !!

Viel Spass noch Pepe