Ahnungsloser: per javascript img src per effect.morph wechseln

Also ich würde gerne
per Effect.Morph von script.aculo.us ein IMG SRC wechseln

allerdings nimmt der morph nur css an wie kann ich das über css regeln

mein img sieht so aus:

<img id="loupeview" name="view" width="478" height="372" src="images/airbrush/pic1.jpg" onload="loupe.add(this, {visible:false,resopath:'images/'});" alt="">

zum Verständnis hier der link zum morph effekt

  1. Moin,

    Also ich würde gerne
    per Effect.Morph von script.aculo.us ein IMG SRC wechseln

    Wenn ich das richtig verstanden habe, ändert der Effekt CSS Eigenschaften als Animation. Da die Quelle eines Bildes nicht über CSS definiert wird (außer bei einem Hintergrundbild), sehe ich nur die Möglichkeit, das Bild als Hintergrund zu definieren, ob der Effekt damit klarkommt, weiß ich nicht.

    allerdings nimmt der morph nur css an wie kann ich das über css regeln

    »»

    mein img sieht so aus:

    <img id="loupeview" name="view" width="478" height="372" src="images/airbrush/pic1.jpg" onload="loupe.add(this, {visible:false,resopath:'images/'});" alt="">

    »»

    Mit dem code nicht.
    Alternative: Du könntest beide Bilder übereinander legen (per position:absolute) und dann mit dem morph Effekt die Eigenschaft opacity ändern (bzw. filter für ie), sodass das eine Bild durchsichtig wird, und das darunter zu sehen wird.

    Gruß,
    Take

    1. Moin,

      Mit dem code nicht.
      Alternative: Du könntest beide Bilder übereinander legen (per position:absolute) und dann mit dem morph Effekt die Eigenschaft opacity ändern (bzw. filter für ie), sodass das eine Bild durchsichtig wird, und das darunter zu sehen wird.

      Sehe grade: es gibt auch den Effekt Opacity, der sollte eher passen.

      Gruß,
      Take