hoverMe

Hallo,
ich versuche jetzt gerade, hoverMe zum Laufen zu bringen. Bei einem Bild
funktioniert das ganz gut, aber mehr habe ich noch nicht hinzufügen können.

Weiterhin stellt sich mir die Frage, wie ich das sinnvoll in
verschiedenste Fotogallerien einbinden kann. Wenn ich für jede Gallerie
eine html-Seite erstelle kann ich das Script als externe Datei
einbinden. Das wäre bei 20-30 Fotogallerien durchaus sinnvoll.

Wie kann ich die Fotos dann sinnvoll einbinden?

Gruß
uli

--
der mittlerweile xhtml nicht mehr als text/html ausliefert.

Ulrich Wiederhold wrote:

ich versuche jetzt gerade, hoverMe zum Laufen zu bringen. Bei einem Bild
funktioniert das ganz gut, aber mehr habe ich noch nicht hinzufügen
können.

Soifz. [psf 10.1] Irgendwann finde ich sicher auch mal Zeit für eine
Anfängerdoku. Einklich ist Dein Wunsch sehr einfach zu realisieren,
wenn man den Quelltext ansatzweise verstanden hat. Ich beziehe mich
im Folgenden auf die (im Web) aktuelle Version 2.1.1.

Original:

// Define object to store images data
/** @type Object of ImageData */ var oImages = new Object();

oImages["imgAbout"] =
new ImageData(
new EventData(
"mouseout",
"../../../media/interface/nav_about_off.gif"),
new EventData(
"mouseover",
"../../../media/interface/nav_about_on.gif")
);

Wird erweitert mit:

oImages["imgFoobar"] =
new ImageData(
new EventData(
"mouseout",
"foo_off.png"),
new EventData(
"mouseover",
"foo_on.png")
);

(Den Whitespace habe ich nur der Übersicht halber dringelassen.)
Wenn sichergestellt ist, dass eine ECMAScript 3+-Implementation
den Quelltext abarbytet, lässt sich das auch zusammenfassen:

// Define object to store images data
/** @type Object of ImageData */
var oImages = {
imgabout:
new ImageData(
new EventData(
"mouseout",
"../../../media/interface/nav_about_off.gif"),
new EventData(
"mouseover",
"../../../media/interface/nav_about_on.gif")),
imgFoobar:
new ImageData(
new EventData("mouseout", "foo_off.png"),
new EventData("mouseover", "foo_on.png"))
}

Und nicht vergessen, die passenden HTML-Elemente hinzuzufügen:

<a
href="foo/"
onmouseover="hoverMe(oImages, 'imgFoobar', event)"
onmouseout="hoverMe(oImages, 'imgFoobar', event)"><img
src="foo_off.gif"
alt="FOOBAR"
name="imgFoobar"
width="42"
height="315733"
border="0"></a>

Weiterhin stellt sich mir die Frage, wie ich das sinnvoll in
verschiedenste Fotogallerien einbinden kann. Wenn ich für jede Gallerie
eine html-Seite erstelle kann ich das Script als externe Datei
einbinden.

Ja, die nächste Version wird auch als Scriptdatei vorliegen.

Das wäre bei 20-30 Fotogallerien durchaus sinnvoll.

Na lego.

Wie kann ich die Fotos dann sinnvoll einbinden?

Genau so.


HTH

PointedEars
--
Entweder man ist konsequent oder inkonsequent.
Oder wenigstens konsequent inkonsequent.
-- ALF