Vordefinierter Bereich für Grafiken innerhalb einer Site, wie ?
Mike
- javascript
Hey Leute
Ich habe folgendes Problem. Ich möchte einen bestimmten Bereich innerhalb einer Website definieren, in dem dann bestimmte Grafiken angezeigt werden sollen, wenn man den dafür vorgesehenen Link anklickt. Das sollte wie folgt funktionieren :
Text
Link für Image1
Link für Image2
Link für Image3
Link für Image4
Anzeigebereich für Grafiken ( Image 1 bis 4 )
Text
Der Bereich sollte eine vordefinierte Größe sagen wir mal 200x200 pixel haben und darin sollen dann die Grafiken für den jeweiligen Link angezeigt werden. Wie macht man das denn nun ? Ich denke mal, daß dies mit hilfe von Javascripts möglich ist, aber leider weiß ich nicht genau wie das funktionieren sollte.
Wenn einer von euch weiß wie das funktioniert, wäre es super wenn ihr mir helfen könntet.
Thanx Mike
hallo,
hm... als basis würde ich die notwendigen sachen hier rauskopieren:http://selfhtml.teamone.de/javascript/beispiele/buttons.htm#quelltext
du musst das ganze halt nur umändern.
statt onmouseover nimmste nen ganznormalen html verweis und statt seite.html schreibste "javascript:Bildwechsel(parameter)"
und das war es so gesehen auch schon.
natürlich muss an der entsprechenden stelle schon ein bild im html gerüst stehen (wenn keins zu sehen sein soll nimmste ein bild.gif20x20px, hintergrundfarbe und ziehst das halt auf 200x200 pixel auseinander ;)
-RB-
hallo,
hm... als basis würde ich die notwendigen sachen hier rauskopieren:http://selfhtml.teamone.de/javascript/beispiele/buttons.htm#quelltext
du musst das ganze halt nur umändern.
statt onmouseover nimmste nen ganznormalen html verweis und statt seite.html schreibste "javascript:Bildwechsel(parameter)"
Danke erstmal für deine Hilfe aber so richtig funktionieren tuts damit nicht so wie ich es mir vorgestellt habe oder ich mache was falsch kann auch sein. Wie soll das denn fertig aussehen, wenn ich es umgeändert habe ? Bin noch nen Anfänger und kein Experte ;o)
Auf jeden Fall funktioniert es nicht so, daß ich die Bilder meinetwegen in der Mitte oder halt in einem bestimmten Bereich eines HTML Dokuments anzeigen lassen kann, wenn ich die jeweiligen Links anklicke.
Wie geht das oder was mache ich denn falsch ?
hallo,
code:
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<a href="javascript:Bildwechsel(0)">verweis</a>
<br>
<a href="javascript:Bildwechsel(1)">1. bild</a>
<div style="position:absolute; top:300; left:400;">Da kommts bild:<img src="blind.gif" border="0" alt=""></div>
<script language="JavaScript">
<!--
var bild = new Array();
bild[0] = new Image();
bild[0].src = "konfus.gif";
bild[1] = new Image();
bild[1].src = "candle.gif";
function Bildwechsel(nummer) {
window.document.images[0].src = bild[nummer].src;
return
}
//-->
</script>
</body>
Wobei ich stark den eindruck habe das du es garnicht probiert hast...
-RB-
Hey vielen Dank
Doch ich habe es probiert, aber bei mir hats nicht gefunzt.
Hatte auch ne andere Lösung aber deine ist weitaus einfacher als meine. Hier mein Code :
<SCRIPT language=JavaScript>
testurl = new Array(2);
testurl[1]="3dmark1.gif"
testurl[2]="3dmark2.gif"
function showupdate(photoIndex, photoDisplayType)
{
document['bigPhoto'].src = testurl[photoIndex];
}
</SCRIPT>
<SCRIPT language=JavaScript><!--
function popWindow(u,n,o,x,y){
var s = o+',width='+x+',height='+y
window.open(u,n,s)
}
//--></SCRIPT>
<script language=JavaScript><!--
document.write('<a href="javascript: showupdate(1,0)">')
//--></script>
Test1</td>
</tr>
<tr>
<td><font color=#666666 size=2><b></b></font></td>
</tr>
<tr>
<td width=104 height=80>
<script language=JavaScript><!--
document.write('<a href="javascript: showupdate(2,0)">')
//--></script>
Test2</td>
Klappt auch aber ist halt ein wenig länger als deiner.
Thanx nochmal für deine Hilfe