bild in einer anderen Seite laden

DiGiT · 02. Juni 2001

Hallo

Ich würde gern mal wissen wie man das machen muss, wenn ich ein Bild in einer anderen Seite laden will. Man kann sich das so vorstellen:

Ich habe eine Seite mit Frames im linken FRame habe ich ein bild und im anderen Frame habe ich buttons. wenn ich jetzt über den button fahre soll sich in der linken seite das bild ändern . Wie kann ich den so etwas machen ?

vielen dank

Fabian · 02. Juni 2001

also

rechter Frame
<img src="bild.gif" onmouseover"parent.linkerframename.bildname.src='over.gif'" onmouseout"parent.linkerframename.bildname.src='out.igf'">

linker Frame
<img name="bildname" src="out.gif">

OUT.GIF IST DAS BILD WENN DER CURSUR ÜBER DEM BUTTON IST (ICH NEHM AN, DU MEINNST EINEN BILD-BUTTON)
OVER.GIF IST DAS BILD WENN DER CURSUR NICHT ÜBER DEM BUTTON IST (ICH NEHM AN, DU MEINNST EINEN BILD-BUTTON)
BILD.GIF IST DAS BILD DES BUTTONS (ICH NEHM AN, DU MEINNST EINEN BILD-BUTTON)

MfG
Fabian

P.S. Ich hoff du kommst draus und verwendest einen IMG-Button, sonst meld dich noch mal.

DiGiT · 02. Juni 2001

Jo

ja genau so meine ich das nur noch ne andere frage dazu. Ich möchte dass das bild des Button sich auch ändert, aber gleichzeitig auch das Bild im anderen Frame. Noch kurz eine Erklährung dazu: Ich habe im rechten Frame vier Buttons und bei einem mouseover sollen diese das bild wechseln, aber gleichzeitig soll beim mouse over beim Button auch eine kurze Beschreibung im anderen Frame angezeigt werden(Die beschreibung befindet sich auch in einem Bild). Wie würdest du das machen. man kann ja nicht zwei mouse over in einem a href gleichzeitig definieren mit verschiedenen zielen oder?

Fabian · 02. Juni 2001

noch mal schnell:
hast du im linken frame nur ein bild oder vier?

wenn du mirs sagst schreib ich dir dein script

Fabian · 03. Juni 2001

jetzt hab ich sowieso viel zeit

also... wenn du links 1 bild hast:

rechter Frame
<img src="buttonout1.gif" onmouseover"parent.linkerframename.bildname.src='over1.gif' ; this.src='buttonover1.gif'" onmouseout"parent.linkerframename.bildname.src='out.gif' ; this.src='buttonout1.gif'"> 
<img src="buttonout2.gif" onmouseover"parent.linkerframename.bildname.src='over2.gif' ; this.src='buttonover2.gif'" onmouseout"parent.linkerframename.bildname.src='out.gif' ; this.src='buttonout2.gif'"> 
<img src="buttonout3.gif" onmouseover"parent.linkerframename.bildname.src='over3.gif' ; this.src='buttonover3.gif'" onmouseout"parent.linkerframename.bildname.src='out.gif' ; this.src='buttonout3.gif'"> 
<img src="buttonout4.gif" onmouseover"parent.linkerframename.bildname.src='over4.gif' ; this.src='buttonover4.gif'" onmouseout"parent.linkerframename.bildname.src='out.gif' ; this.src='buttonout4.gif'"> 

linker Frame
<img name="bildname" src="out.gif">

MfG
Fabian

Fabian · 03. Juni 2001

oder, wenn du im linken frame 4 bilder hast:

rechter Frame
<img src="buttonout1.gif" onmouseover"parent.linkerframename.bildname1.src='over1.gif' ; this.src='buttonover1.gif'" onmouseout"parent.linkerframename.bildname1.src='out.gif' ; this.src='buttonout1.gif'"> 
<img src="buttonout2.gif" onmouseover"parent.linkerframename.bildname2.src='over2.gif' ; this.src='buttonover2.gif'" onmouseout"parent.linkerframename.bildname2.src='out.gif' ; this.src='buttonout2.gif'"> 
<img src="buttonout3.gif" onmouseover"parent.linkerframename.bildname3.src='over3.gif' ; this.src='buttonover3.gif'" onmouseout"parent.linkerframename.bildname3.src='out.gif' ; this.src='buttonout3.gif'"> 
<img src="buttonout4.gif" onmouseover"parent.linkerframename.bildname4.src='over4.gif' ; this.src='buttonover4.gif'" onmouseout"parent.linkerframename.bildname4.src='out.gif' ; this.src='buttonout4.gif'"> 

linker Frame
<img name="bildname1" src="out.gif"> 
<img name="bildname2" src="out.gif"> 
<img name="bildname3" src="out.gif"> 
<img name="bildname4" src="out.gif">

Fabian · 03. Juni 2001

oder, wenn im linken frame 4 bilder sind und bei jedem bild ein anderes mouseout bild erscheinen soll:

rechter Frame
<img src="buttonout1.gif" onmouseover"parent.linkerframename.bildname1.src='over1.gif' ; this.src='buttonover1.gif'" onmouseout"parent.linkerframename.bildname1.src='out1.gif' ; this.src='buttonout1.gif'"> 
<img src="buttonout2.gif" onmouseover"parent.linkerframename.bildname2.src='over2.gif' ; this.src='buttonover2.gif'" onmouseout"parent.linkerframename.bildname2.src='out2.gif' ; this.src='buttonout2.gif'"> 
<img src="buttonout3.gif" onmouseover"parent.linkerframename.bildname3.src='over3.gif' ; this.src='buttonover3.gif'" onmouseout"parent.linkerframename.bildname3.src='out3.gif' ; this.src='buttonout3.gif'"> 
<img src="buttonout4.gif" onmouseover"parent.linkerframename.bildname4.src='over4.gif' ; this.src='buttonover4.gif'" onmouseout"parent.linkerframename.bildname4.src='out4.gif' ; this.src='buttonout4.gif'"> 

linker Frame
<img name="bildname1" src="out1.gif"> 
<img name="bildname2" src="out2.gif"> 
<img name="bildname3" src="out3.gif"> 
<img name="bildname4" src="out4.gif">

Fabian · 03. Juni 2001

uff, ganz schön viel.

ich hoff ich hab dir geholfen

MfG
*schonmüdegewordenervomvielenschreiben* Fabian

(schon müde gewordener vom vielen schreiben)

DiGiT · 03. Juni 2001

Vielen dank für deine hilfe

Nur noch ne frage. So wie du das geschrieben hast brauche ich gar kein java script oder ?

Vielleicht machst du den Code nur für ein Button auf der rechten Seite der beim mouse over das Bild wechselt aber auch gleichzeitig im linken frame ein Bild wechselt.

Sorry bin nicht sehr gut in Java script könntest du mir nicht sagen was auch im head sehen muss ich meine damit <javscript.... etc>

und im body zb. <a href etc......>

und voralem was im rechten frame stehen muss sagen wir dem rechts.htm und im linken links.htm das frame selber können wir ja index.htm nennen.

Ich weiß ich verlange ein wenig viel, doch es wäre super wenn du dir die zeit nehmen könntest vielen Dank.

gruss digit

Fabian · 03. Juni 2001

doch doch: das ist auf java. alles was du in ON...-befehle wie z.b.

onClick="der text hier ist javascript"
onMouseOver="der text hier ist javascript"
onKeyDown="der text hier ist javascript"

der befehl den du haben möchtest ist

index.htm (nicht HTML)
Im linken <frameset> müsste NAME="links" sein

rechts.htm
<img src="buttonout.gif" onmouseover"parent.links.bildname.src='over.gif' ; this.src='buttonover.gif'" onmouseout"parent.links.bildname.src='out.gif' ; this.src='buttonout.gif'">

links.htm
<img name="bildname" src="out.gif">

wie meinst du das mit <javascript.... etc> im head?
und im body???
komm da nicht so draus

aber beim anderen schon

MfG
Fabian

DiGiT · 03. Juni 2001

ok

beim befehl onemouseover brauchst du im head bereich ja ein java script der diesen befehl abarbeitet oder nicht? leider weiss ich auch nicht wie der aussehen muss also hie mal so wie ich das dachte:

rechtes frame habe ich bis jetzt folgendes:

<Head>
<script language="JavaScript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

<body bgcolor="#FFFFFF" background="picts/rechts.jpg" >
<a href="javascript:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','picts/pfeil.jpg',1)"><img src="picts/k.jpg" width="25" height="20" border="0" name="Image1"></a>
</body>

Ok nicht das ich den code verstehe, den hat irgend ein Programm generiert.

jetzt ist die frage wie muss ich das hier umschreiben das das bild vom button immer noch ändert und zusätzlich im links.html ein bild wechselt.

ich hoffe du verstehst was ich meine

Fabian · 03. Juni 2001

hä?

ich glaub nicht, dass man so nen head und body text braucht.

bei mir gehts jedenfalls ohne.

wagi · 03. Juni 2001

Jap

das onmouseover ist nur ein Auslöser einer Aktion die du per JS definiert hast.

Zusatz::

Auf den unteren Post: onmouseover alleine macht nix - da bruchst du vorher schon noch ein Script. Der DW macht da immer noch alles mögliche dazu - preloaden, Browserkom....

@ Digit: DW rockz *lol*

MM_swap.....

Fabian · 03. Juni 2001

hä?

wie hab ich dir doch grad vorher gesagt!...

und so n scheiss im head und body brauchts auch nich

(jedenfalls bei mir nich)

MfG
Fabian

DiGiT · 03. Juni 2001

Hi

habe jetzt alles so gemacht wie du es beschrieben hast:
das im rechts.htm
<head>
<title>main</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
div id="Layer1" style="position:absolute; left:112px; top:26px; width:16px; height:16px; z-index:1"> <img src="picts/k.jpg" onmouseover"parent.leftFrame.change.src='picts/lk.jpg' ; this.src='picts/pfeil.jpg'" onmouseout"parent.leftFrame.bildname.src='picts/lgo.jpg' ; this.src='picts/k.jpg'">
</div>
</body>
</html>

und das im linken:
<head>
<title>main</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
div id="Layer5" style="position:absolute; left:32px; top:33px; width:97px; height:50px; z-index:5"><img name="change" src="picts/lgo.jpg" width="110" height="55"></div>
</body>
</html>

doch leider bewegt sich gar rein nichts mehr.

Sorry vieleicht liege ich ja falsch aber fals man doch noch ein script braucht wäre es super wenn mir jemand dieses kurz geben könnte

bild in einer anderen Seite laden

DiGiT

New member

Fabian

New member

DiGiT

New member

Fabian

New member

Fabian

New member

Fabian

New member

Fabian

New member

Fabian

New member

DiGiT

New member

Fabian

New member

DiGiT

New member

Fabian

New member

wagi

User

Fabian

New member

DiGiT

New member