Image Hover Scripts funktionieren nicht in den Portal Modulen

Wenn ich dieses Script in eine neue HTML Seite einfüge, dann funktioniert es ( auch im Forum Style ).

Sobald ich diesen jedoch in ein neues persönliches Modul einfüge, wird nur das statische Image angezeigt und das Hovern funktioniert nicht.
Bitte nicht antworten, ich muss das im HTML Modus eingeben *
Ich kann mir nur vorstellen, das die HEAD Section vom Forum Style vorangesetzt wird und dadurch das Script nicht ausgeführt werden kann.

Was kann ich tun, damit es funktioniert ?

<!-- STEP ONE: Insert this code into the HEAD section of your HTML document -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src = "https://i.servimg.com/u/f32/13/92/78/81/coolt105.png";
staticImage1 = new Image();
staticImage1.src = "https://i.servimg.com/u/f32/13/92/78/81/coolt104.png";



// End -->
</script>


<!-- STEP TWO: Insert this code into the BODY of your HTML document -->

<a href="http://www.unsterblich-gilde.com/gastebuch-f71/" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="https://i.servimg.com/u/f32/13/92/78/81/coolt104.png" border=0></a>

Den Oberen Teil deines Script musst du in deinem Fall auch in den Head Bereich deines Forum einsetzen.
Dazu hast du nun Zwei Möglichkeiten.
1. Du lädst das Script bei einem Hoster hoch und setzt es dann im Forum ein oder
2. Du Erstellst eine HTML Seite (ohne Kopf und Fußzeile) die das Script enthält in deinem Forum.

In jedem Fall musst du das Script dann als Metatag in dein Forum einbinden.
Das kannst du unter:
Allgemeines --> Das Forum bekannter machen --> Suchmaschinen / Titel der Startseite
im unteren Teil der Seite machen.
Dort Findest du:
Zusätzliche Tags
Dort kannst du einen neuen Tag hinzufügen.
Klicke dazu auf und im nächsten Fenster in der Auswahlliste auf:
Java Script verlinken.
Im nächsten Fenster unter:
"src"-Attribut :
gibst du die Adresse zu deinem Script an.

Wenn du oben die Zweite Möglichkeit gewählt hast, dann gibst du dort die Adresse der HTML Seite an.
Wenn du alles richtig gemacht hast, dann sollte das ungefähr so aussehen:


Das Script auf deiner HTML Seite ist das hier:

Code:

<!-- Begin
loadImage1 = new Image();
loadImage1.src = "http://i32.servimg.com/u/f32/13/92/78/81/coolt105.png";
staticImage1 = new Image();
staticImage1.src = "http://i32.servimg.com/u/f32/13/92/78/81/coolt104.png";



// End -->

Wie es dann aussieht, kannst du hier sehen:
http://harzfuchstest.forumieren.com
Index Module ganz unten auf der Seite.

Ich möchte gerne mehrere Module in der gleichen bauweise ins Portal setzen.
Muss ich dann für jedes Modul, eine eigen HTML Seite erstellen ?
Und muss die IMG Nummerierung fortlaufend sein für alle Bilder, oder können sich dann z.B. Image1 in jedem Modul wiederholen ?
Und wie erkläre ich dem Modul, das es auf den META Tag zugreifen soll ?

die Scripte habe ich schon fertig, die Nummerierung fängt aber in jedem Modul wieder bei Image1 an.*

Das ist schwerer als vermutet *
danke Dir für die prompte Hilfe...so schnell hatte ich gar nicht damit gerechnet

Im Grunde legst du in dem Script die Bilder fest, die Angezeigt werden sollen.
Ich habe es nun nicht getestet, aber es sollte eigentlich möglich sein, das du das Script um die weiteren Bilder erweiterst und durch nummerierst.
In den Modulen musst du dann die entsprechenden Bilder mit ihren Nummern aufrufen.

Aber ich denke, das es auch eine einfachere Lösung für das Auswechseln der Bilder gibt.
Ich werde mal überlegen und wenn mir eine einfachere Lösung einfällt, dann melde ich mich noch mal.
Eventuell kann unser Stevi dir hier aber auch weiterhelfen.

Ach und noch was:
Du musst dem Modul nicht erklären, das es auf das Script zugreifen soll... das weiß es dann alleine.
So wie ich es oben beschrieben habe, habe ich das auch bei mir im Testforum eingesetzt.

<!-- Begin
loadImage1 = new Image();
loadImage1.src = "https://i.servimg.com/u/f32/13/92/78/81/coolt105.png";
staticImage1 = new Image();
staticImage1.src = "https://i.servimg.com/u/f32/13/92/78/81/coolt104.png";


// End -->

Das habe ich in eine leere HTML Seite eingefügt. Name:http://www.unsterblich-gilde.com/Test2-h45.htm

Möchten Sie Kopf- und Fußteil Ihres Forum nützen? Nein ( HTML an )

<script type="text/javascript" src="http://www.unsterblich-gilde.com/Test2-h45.htm">
</script>

Tag erstellt. Und in das Portalmodul habe ich diesen Code eingefügt.

<a href="http://www.unsterblich-gilde.com/gastebuch-f71/" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="https://i.servimg.com/u/f32/13/92/78/81/coolt104.png" border=0></a>

Die Standartaufstellung nutzen : Ja

das Bild wird angezeigt, aber wieder nicht gehovert. Irgendwas mache ich falsch, oder hat Invuision was dagegen ?

Ich habe testweise auch noch die Nummerierung auf 20 gesetzt, da ich image1schon im Index habe...aber nein , das Ergebnis ist das selbe *

Eigentlich sollte es gehen. Schau mal so habe ich das bei mir eingesetzt:
HTML Seite des Script:

Das Modul:

Und der Scripteintrag im Tag:


Sieht das bei dir genau so aus?

Exakt so habe ich das auch gemacht.....*


nur das Ergebnis ist anders

Du hast recht. Ich habe es mir gerade noch mal angeschaut.
Das Script ist im Head vorhanden aber du hast anstelle Image1 eine 20 überall eingesetzt.
Das sollte eigentlich keine Rolle spielen.
Leider kann ich nun nicht mehr viel weiter machen, da ich gleich zu Nachtschicht muss.
Wir müssen das Problem verschieben.
Eventuell meldet sich auch noch ein anderer hier.
Ansonsten geht es später weiter.

Kein Problem...das müssen wir nicht heute lösen*
Die 1 hatte ich vorher, hatte sie erst danach umgeschrieben, damit da das Script das Bild nicht verwechselt *


und genau das war die Ursache , nur hätte ich nicht gedacht das ich schon 20 Images gehovert hatte *gg*
mit Image 22 funktioniert es einwandfrei

Das bedeutet das wirklich alle im Script vorhanden Images nur einmal vorkommen dürfen, also durchnummerieren *


Danke °°

Ich melde mich wieder.
Ich muss los...

das mit den Button hovern habe ich nun endlich geschafft .

guckst Du hier *

dabei bin ich aber auf ein neues Problem gestossen, einige der Buttons werden verkleinert angezeigt, die Ursache dafür ist mir schleierhaft.
Um das einigermaßen zu beheben, habe ich die Größe für alle Buttons festgelegt. Dadurch werden die verkleinerten Buttons allerdings unscharf dargestellt..

warum werden einige Bilder, nichtmal alle, verkleinert..?
.die Orginalgröße ist bei allen gleich *

Da hast du dir ja ein Haufen Arbeit gemacht.
Aber es ist gut geworden.
Ich sehe aber auf den ersten Blick keine Verzerrungen.

Ich nehme die Anpassung mal raus , dann siehst Du es*

Ja nun sehe ich es. Kann es sein, das die Angaben zur Bildgröße nicht überall passen?
Ich habe gesehen, das wenn die Buttons nach dem Neuladen der Seite bei ersten mal drüberfahren dann in der richtigen Größe dargestellt werden.
Irgendwo sind dort unterschiedliche Größenangaben drin.

in den Modulen nicht, ist nur der table style und die Images.
Die Ursache kann nur im Script der Portalseite sein.
Aber ich habe keinen Plan , wo ich da suchen muss *

so also ich bin jetzt mal echt mies

aber es is doch eig noch viel einfacher weiß jetzt nicht warum sich jemand die arbeit gemacht hat dieses script zu schreiben aber naja is noch ne einfacherer lösung zur hand

in den modulen geht es auch

sorry das ich das jetz so sagen muss aber mit dem code geht es auch nur einfacher :

Code:

<a href="HIER_DER_LINK"
 onMouseOver="bild1.src='HOVER-BILD.gif';"
 onMouseout="bild1.src='STANI-BILD.jpg';">
 <img name="bild1" src="STANI-BILD.jpg" border=0>
</a>


Erklärung:

HOVER-BILD: HIER-DAS-BILD-WAS-ZUSEHEN-SEIN-SOLL-WENN-MAN-MIT-DER-MAUS-DRÜBER-FÄHRT

STANI-BILD: HIER-DEIN-BILD-WAS-MAN-SEHEN-SOLL-WENN-MAN-NICHT-MIT-DER-MAUS-DRAUF-IST


wenn du mehrere "buttons" erstellen willst musst du in dem code was ändern und zwar "bild1" das kannst du bei den andern buttons erweitern auf "bild2"

dann gibt es zwischen den codes keine kreutzungen

hoffe das ich alles richtig verstanden habe und es das is was du meinst

viel spaß beim basteln

lg

das ist genau der Code , den frank mir gegeben hat und den ich verwendet habe*
Nur bei 82 Bildern ist das dann schon eine ganze Menge ^^

Mein Problem ist , das einzelne Bilder verkleinert dargestellt werden, beim Hovern haben sie dann die richtige Größe.
Aber es sind nicht alle Bilder davon betroffen, nur einzelne. Ich habe diese Bilder dann mit width="175" angepaßt, dadurch werden diese aber verschwommen dargestelt, da sie ja vergrößert sind.

-die Bilder haben alle die gleiche Original Größe-

kannst du mir bitte die beiden orginal bilder von dem button "archiv" geben?

Ich glaube ich habs gefunden, beim einsetzen der Bildadressen in den Code habe ich meist nur die Bildnummern überschrieben. Die "falschen" Bilder haben genau die Größe der ServImage Vorschau.
Wenn ich die Bildadresse nun aber komplett in den Code kopiere wird das Bild richtig angezeigt. Obwohl die Bildadresse genau (nicht ganz) die gleiche ist*


ja genau , das wars . das kleine /th/ macht viel aus *

Danke für die Hilfe zur Selbsthilfe *

oh na den geht es ja

bitte kein problem obwohl ich ja nich viel gemacht habe

lg