Bewegte Bildergalerie mit hinterlegten Links

[lebus]

Ja...., hm ich weiß... bin ja doch eher der Leser, dass aber jeden Tag, nun aber aktuell eine Frage, die mich brennend interessiert.

Ich stelle hier mal einen Link hinein... unten auf dieser Seite ist eine animierte Bildergalerie, erst sind die Bilder blaß, beim Berühren nehmen sie Farbe an und beim Anklicken ist ein Link hinterlegt.

http://www.insel-poel.de/index.html

Ich gehe mal ganz frech davon aus, dass es sich um ein animiertes Gif handelt. ??

Wie erreiche ich denn nun diese Farbveränderung und die dementsprechend hinterlegten Links?

Liebe Grüße
die ratlose Ina

[Jürgen]

Hallo Ina,

das ist ein kleines Javascript.
Birgitt von grafikland.de verwendet das auch in ihrer HP, siehe hier bei den Minibannern http://www.grafikland.com/linksf.htm.

Frage sie doch, ob Du die notwendigen Passagen aus dem Quelltext übernehmen darfst oder suche im Web nach fade in fade out.

Bis dann
Jürgen

[lebus]

Hallo Jürgen,

danke für die Antwort, diesen Hell _Dunkel Effekt kenne ich, dass Skript hatte ich bereits auf dem Rechner gespeichert.

Ich weiss nur nicht, wie ich die Bilder zum Laufen bekomme und dann noch jedem einzelnen Bild einen Link zuweisen kann, hast Du da eine Lösungsmöglichkeit.

Liebe Grüße Ina :roll:

[Jürgen]

Hallo Ina,

deshalb hatte ich geschrieben, dass Du in den Quelltext gucken solltest.
Du erstellst eine Tabelle und die TD-Tags lauten dann so:

<td>
<a onFocus="this.blur()"
target="_blank" href="http://www.juergens-workshops.de/">
<img src="images/testbild.jpg"
style=filter:alpha(opacity=35) onMouseOver=nereidFade(this,100,10,10)
onMouseOut=nereidFade(this,35,10,10)
border="0" width="86" height="30">
</a>
</td>

Das Script für den HEAD hast Du ja, also nur noch die Fett markierten stellen anpassen.
Ich bin heute nicht mehr im Forum, bzw. nicht mehr erreichbar

Also bis dann
Jürgen