menü

hallo bora,

kein prob...hier das js

---------------------------------------------------------------

<script language="JavaScript" type="text/javascript">

var pic = new Array();
pic[0]=new Image();
pic[0].src="meinBild1.gif";
pic[1]=new Image ();
pic[1].src="meinBild2.gif"
pic[2]=new Image();
pic[2].src="meinBild3.gif";
pic[3]=new Image ();
pic[3].src="meinBild4.gif"


function change(zu)
{
window.document.images[5].src=pic[zu].src;
}

</script>
-----------------------------------------------------------
html
-----------------------------------------------------------
<a href="#" onMouseOver="change(0)"><img src="meinLink1.gif"></a>
<a href="#" onMouseOver="change(1)"><img src="meinLink2.gif" ></a>
<a href="#" onMouseOver="change(2)"><img src="meinLink3.gif"></a>
<a href="#" onMouseOver="change(3)"><img src="meinLink4.gif"></a>

<img src="dasBild.gif">
------------------------------------------------------------

jetzt musst du im script nur deine bilder einbauen und wichtig die nummern müssen stimmen (denk dran Arrays fangen bei "0" an).

im html das bild unten <img src="dasBild.gif"> ist das teil wo deine bilder angezeigt werden. das bild ist jetzt an postition "5" im html dokument das heisst wenn du es vor die links im code packst ist es an position 0 dann muss du im script in der funktion change ... den images index ändern: window.document.images[0].src=pic[zu].src; wenn das bild weiter unten ist musst entsprechend den index anpassen...

gruss snail
 
bin doch zu blöde für so was...
was hab ich falsch gemacht?
alles?


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

<script language="JavaScript" type="text/javascript">

var pic = new Array();
pic[0]=new Image(0);
pic[0].src=<img src="file:///C|/HP/Foto10.JPG">
pic[1]=new Image (1);
pic[1].src=<img src="file:///C|/HP/Foto6.JPG">
pic[2]=new Image(2);
pic[2].src=<img src="file:///C|/HP/Foto8.JPG">
pic[3]=new Image (3);
pic[3].src=<img src="file:///C|/HP/foto11.JPG">


function change(zu)
{
window.document.images[5].src=pic[zu].src;
}

</script>

<a href="#" onMouseOver="change(0)"><img src="file:///C|/HP/foto5a.JPG" width="50" height="50"></a>
<a href="#" onMouseOver="change(1)"><img src="file:///C|/HP/foto5.JPG" width="50" height="50" ></a>
<a href="#" onMouseOver="change(2)"><img src="file:///C|/HP/Foto9.JPG" width="50" height="50"></a>
<a href="#" onMouseOver="change(3)"><img src="file:///C|/HP/Foto8.JPG" width="50" height="50"></a>
<img src="dasBild.gif">
</body>
</html>
 
hoi bora,

in der change function muss du den index ändern dein bild was wechseln soll ist zwar an fünfter position aber wir fangen bei 0 an zu zählen das heisst du muss ne 4 reintippen

window.document.images[4].src=...

und wenn es dann noch nicht funzt solltes die pfade deiner pic's mal vernünftig setzen...und dann haut es hin...hoff ich :)

gruss snail
 
ok,

hab die 5 inne 4 getauscht.
die pfade sind doch ok? hat dreamweyver so gemacht, die fotos werden auch angezeigt..
<img src="dasBild.gif"> hier hab ich auch nen bild reingesemmelt...


sind denn die zahlen in den klammern hinter new image richtig?
var pic = new Array();
pic[0]=new Image(0);
pic[0].src=<img src="file:///C|/HP/Foto10.JPG">
pic[1]=new Image (1);
pic[1].src=<img src="file:///C|/HP/Foto6.JPG">
pic[2]=new Image(2);
pic[2].src=<img src="file:///C|/HP/Foto8.JPG">
pic[3]=new Image (3);
pic[3].src=<img src="file:///C|/HP/foto11.JPG">

es funzt auf jeden fall immer noch nicht...:(
tut mir leid das ich dich mit solchen "lappalien" aufhalte :)
 
hi bora,

mmhhh...also der source sieht richtig aus...aber ändere die pfade trotzdem...ich bin mir ziemlich sicher das js nicht weiss welches bild ausgetauscht werden soll, weil der dreamweaver die seite temporär aufruft...ist ja auch kein prob die pics einfach in einen ordner zu speichern und die site richtig anzulegen...oder??? :)

gruss snail
 
entferne alle Nummern aus dem new Image( )...

bsp. pic[0]=new Image();

dann sollte das funktionieren.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück