Archivlink: javarea.de Forum > JavaScript > Befehl onMouseover Effekt nach anklicken wiederherstellen
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Befehl onMouseover Effekt nach anklicken wiederherstellen

Pages: [1] 2 ... nächste » ... Letzte »
geschrieben von Galaxis am 01.03.2006 - 18:52
Hallo
Ich hab folgendes Problem und zwar:
Ich hab 2 Frambereiche, in dem einem sind mehere kleine Bilder aneinandergereit und in dem anderem werden sie mir größer bzw zusätzliche Informationen angezeigt. Nun möchte ich aber (was ja bereits prima funktioniert) beim überfahren eines Bildes mit der Maus das er mir das Bild im anderen Frame anzeigt bzw. wenn ich draufklicke mir eine .html-Datei mit bestimmten Information in dem selben Frame-Fenster öffnet-anzeigt. Das funktioniert auch ganz gut.
Nun möchte ich aber das ich wenn ich wieder auf eins der kleinen Bilder darüberfahre die mousoverFunktion wieder in Kraft tritt!!

Folgendes habe ich im Moment:
1. das Frame mit den Aufteilungen
2. Übersicht mit den Bildern (index.html) mit folgenden Inhalt:

<head>
<base target="index">
<title>Engersdorf</title>
</head>
<body><div align="center">
<TABLE><TR>
<TD valign="top" align="center" WIDTH="16%" VALIGN="bottom">
<A href="slides/engersdorf.html" target="slide"
onMouseover="parent.slide.document.bild_00.src='slides/engersdorf.jpg';">
<IMG CLASS="image" SRC="thumbs/engersdorf.jpg" WIDTH="90" HEIGHT="67" BORDER=0
TITLE="Name: engersdorf"><BR>
<script language="JavaScript">
image1 = new Image();
image1.src = "slides/engersdorf.jpg";
</script>engersdorf</A>
</TD>

<TD valign="top" align="center" WIDTH="16%" VALIGN="bottom">
<A href="slides/engersdorf_sylvia.html" target="slide"
onmouseover="parent.slide.document.bild_00.src='slides/engersdorf_sylvia.jpg';"
onmouseout="parent.slide.document.bild_00.src='gifs/up_igl.gif';" >
<IMG CLASS="image" SRC="thumbs/engersdorf_sylvia.JPG" WIDTH="90" HEIGHT="67" BORDER=0
TITLE="Name: engersdorf_sylvia"><BR>
engersdorf_sylvia
<script language="JavaScript">
image2 = new Image();
image2.src = "slides/engersdorf_sylvia.jpg";
</script>engersdorf</A>
</TD>

usw...

3. Das Frame wo die Bilder angezeigt (slide.html) werden mit folgenden Inhalt:

<head>
<base target="slide">
<title>slide</title>
<LINK HREF="styles.css" rel=stylesheet type=text/css>
</head><body>
<div align="center">
<img src="gifs/up_igl.gif" border="0" name="bild_00">
</div>
</body>

und 4. noch die html Datein mit den zusätzlich Infos die beim anklicken des Bildes erscheinen sollen!!

Wo und was muß ergänzen um mein Ziel oder Effekt zu erreichen?? Ich vermute mal es funftioniert mit "if" aber nur überschreitet das mein Wissen.
Ich hoffe es kann mir jemand weiterhelfen
Danke mfg
Galaxis

geschrieben von zippy am 02.03.2006 - 13:01
Alles neu schreiben. Ich hab zB keine Ahnung, ob image() eine von Dir geschriebene Funktion in der Seite, oder eine von Javascript bereit gestellte Sache ist.

Statt tabletd's im Auswahl-Frame empfehle ich divs mit style="float:left" . Das erspart Dir etliche Zeilen, wenn viele Bilder zusammen kommen, schaut aber ähnlich aus.

In deinem "Auswahlframe": Beim ersten Bild ist gar kein "onMouseOut", und wies danach weiter geht, kann man bloß an einer TD sehen. Vielleicht bin ich ja blind.

geschrieben von Galaxis am 02.03.2006 - 14:08
Hallo zippy

Danke für deine Antwort und du hast RECHT gehabt ich hab einige Fehler in der Eile gemacht. Ich hab den Code nochmal durchgesehen und korregiert und ihn nochmal reingestellt.
Ich hoffe du kannst mir weiterhelfen und mir bei der Lösung des eigentlichen Problem helfen das ich nach dem anklicken des Bildes wieder auf eins der kleinen Bilder darüberfahre die mousoverFunktion wieder in Kraft tritt!!
mmh das mit den divs und style="float:left" hört sich ganz gut an! Wenn ich das jetzt richtig verstanden hab würde mir dann jeweils dies Zeile ersparen:
<TD valign="top" align="center" WIDTH="16%" VALIGN="bottom"> und auch das ganze "table"!!
Ja das könnte hinhauen. Danke das werd ich gleich mal umschreiben aber meinem eigentlichen Anliegen bin noch keinen Schritt näher:

Im Moment hab ich:
1. das Frame mit den Aufteilungen
2. Übersicht mit den Bildern (index.html) mit folgenden Inhalt:

<head>
<base target="index">
<title>Engersdorf</title>
</head>
<body><div align="center">
<TABLE><TR>
<TD valign="top" align="center" WIDTH="16%" VALIGN="bottom">
<A href="slides/engersdorf.html" target="slide"
onMouseover="parent.slide.document.bild_00.src='slides/engersdorf.jpg';">
<IMG CLASS="image" SRC="thumbs/engersdorf.jpg" WIDTH="90" HEIGHT="67" BORDER=0
TITLE="Name: engersdorf"><BR>engersdorf</A>
</TD>

<TD valign="top" align="center" WIDTH="16%" VALIGN="bottom">
<A href="slides/engersdorf_sylvia.html" target="slide"
onmouseover="parent.slide.document.bild_00.src='slides/engersdorf_sylvia.jpg';">
<IMG CLASS="image" SRC="thumbs/engersdorf_sylvia.JPG" WIDTH="90" HEIGHT="67" BORDER=0
TITLE="Name: engersdorf_sylvia"><BR>
engersdorf_sylvia</A>
</TD>

usw...

3. Das Frame wo die Bilder angezeigt (slide.html) werden mit folgenden Inhalt:

<head>
<base target="slide">
<title>slide</title>
<LINK HREF="styles.css" rel=stylesheet type=text/css>
</head><body>
<div align="center">
<img src="gifs/up_igl.gif" border="0" name="bild_00">
</div>
</body>

und 4. noch die html Datein mit den zusätzlich Infos die beim anklicken des Bildes erscheinen sollen!!


Danke mfg
Galaxis

geschrieben von zippy am 02.03.2006 - 14:25
onmouseout brauchst ja gar nicht. Es sollte doch reichen, wenn bei nem neuen mouseover ein neues Bild angezeigt wird, oder?

Muss aba sagen, dass es ne ziemlich brutale Methode ist, weil immer alle Bilder komplett geladen werden müssen, bevor die Seite funzt. Breitband machts aber möglich. Mein Provider stellt grade auf 1 MB/s um....

geschrieben von Galaxis am 02.03.2006 - 15:41
Hallo

wie meinst du denn das?? Genau das funktioniert ja nicht wenn ich erneut auf das oder ein anderes Bild gehe das die mousover Funktion wieder in Kraft tritt!!
Ich vermute das so etwas mit "if" funktioniert nur hab ich davon so gut wie keine Ahnung!!

lg Petra

geschrieben von weisnix am 02.03.2006 - 16:48
Hallo,

du lädst ja immer eine neue Seite durch das anklicken auf ein Bild. Wenn dies immer den gleichen Namen (name="bild_00") hat und im gleichen Frame liegt, müsste das onmouseover ein neues Bild anzeigen.

Ist aber doch eigentlich nicht notwendig, oder ist in der neuen Seite mehr als nur das größere Bild drin. Dann könntest du doch die gleiche Seite lassen und nur das Bild wechseln.

Gruß

geschrieben von Galaxis am 02.03.2006 - 18:10
Hallo

so bald ich das Bild anklicke funktioniert das mousover nicht mehr. Kann es Schuld sein das die Datein in verschiedenen Ordnern liegen?? Durch das klicken darauf werden mir zusätzlich zum Bild noch weitere Information angezeigt was im gleichen Frame angezeigt aber in einem anderen Seite drinnen steht.
Wie meinst du das mit "dann könntest du doch die gleiche Seite lassen und nur das Bild wechseln"

geschrieben von weisnix am 02.03.2006 - 19:09
hier mal ein Beispiel:

geschrieben von Galaxis am 02.03.2006 - 19:27
Hallo weisnix

Ja genau so in etwa hab ich mir das vorgestellt!! DANKE vielmals

Nur eins wäre da noch zulösen und zwar das der Text unter dem Bild auch wieder verschwindet wenn mann über ein anderes Bild fährt! In deinem Beispiel bleibt er stehen
und geht nicht mehr weg!!

mfg Galaxis

geschrieben von weisnix am 02.03.2006 - 19:47
dann muss die vorschau.htm so aussehen:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 

<head>
<title></title>
</head><body>
<script type="text/javascript">
function anzeigen (bilder) {
if (parent.Hauptframe.document.getElementById("texte").innerHTML != ''){
    parent.Hauptframe.document.getElementById("texte").innerHTML = '';
}
    parent.Hauptframe.document.getElementById("bild_00").src = bilder;
}
function text (bild,alt) {
  parent.Hauptframe.document.getElementById("bild_00").src = bild;
  parent.Hauptframe.document.getElementById("texte").innerHTML = alt;
}
</script>
<table border="1">
  <tr>
    <td align="center">
    <img border="0" src="deinBild1.jpg" width="100" height="75" title="Bild 1" onmouseover="anzeigen(this.src)" onclick="text(this.src,this.title);"></td>
  </tr>
  <tr>
    <td align="center">
    <img border="0" src="deinBild2.jpg" width="100" height="75" title="Bild 2" onmouseover="anzeigen(this.src)" onclick="text(this.src,this.title);"></td>
  </tr>
  <tr>
    <td align="center">
    <img border="0" src="deinBild3.jpg" width="100" height="75" title="Bild 3" onmouseover="anzeigen(this.src)" onclick="text(this.src,this.title);"></td>
  </tr>
  <tr>
    <td align="center">
    <img border="0" src="deinBild4.jpg" width="100" height="75" title="Bild 4" onmouseover="anzeigen(this.src)" onclick="text(this.src,this.title);"></td>
  </tr>
</table>
</body>
</head>

geschrieben von Galaxis am 02.03.2006 - 22:17
Hallo weisnix



genau das hab ich gebraucht und gesucht, VIELEN VIELEN Dank

Ich grüble, bastle und suche schon seit 2 Tagen daran!! Ich werd mir den "Code" ganz genau ansehen wie du das gelöst hast, wieder etwas dazugelernt.
Endlich kann ich weiterarbeiten

DANKE DANKE DANKE

mfg Petra
alias Galaxis

geschrieben von Galaxis am 02.03.2006 - 22:56
Hallo

Eine Frage hab ich noch!! Was ist wenn ich beim Vorschaubild für die größere anzeigen im rechten Fenster eine anderes Bild anzeigen möchte evtl. ein ähnliches Bild oder so?? Jetzt ist es ja im Prinzip nur eine Vergrößerung sprich ander Höhe andere Breite zum Vorschaubild!! Oder?? Oder hab ich was übersehen?? Das wäre super wenn das noch möglich wäre!!


mfg Petra

geschrieben von weisnix am 03.03.2006 - 07:56
Dann schreibst du nicht

onmouseover="anzeigen(this.src)" onclick="text(this.src,this.title);"

sonder dort wo this.src steht, eben deine Bildadresse rein die angezeigt werden soll.

Das this.src ist für Schreibfaule gedacht.

Wenn die Originalbilder unterschiedliche Größen haben, dann solltest du im bild_00 width="200" height="150" weglassen. Keine Angabe bedeutet, dass das Bild so erscheint wie es ist.

geschrieben von Galaxis am 03.03.2006 - 22:15
Hallo

Irgendwie ist mir das jetzt peinlich aber ich kriegs einfach nicht hin!! Ich hab´s ehrlich versucht!

Wenn ich mein Bild oder Seite einfüge funktioniet das nicht so wie ich möchte:
Ich hab folgendes getauscht

<td align="center" WIDTH="16%">
<img border="0" src="thumbs/engersdorf_match.JPG" title="engersdorf Match"
onmouseover="anzeigen(src='slides/engersdorf_match.jpg')" onclick="text(this.src,this.title);"></td>

Bei onklick Text würd ich ganz gerne eine HTML Seite anzeigen lassen bzw. ebenso (bei bedarf) wenn ich bei onmouseover die Adresse durch ein html ersetze nur funkt da nicht so ganz.
Was mach ich falsch?? Ich steh irgendwie auf der Leitung.

lg Petra

geschrieben von weisnix am 03.03.2006 - 23:50
Kapieren tue ich das nicht ganz, aber vielleicht hilft dir da das weitere Beispiel.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.