• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Random image + usemap zusammenfügen

A

andrej

Neues Mitglied
hallo- ich bin mit meinen amateurhaften programmierungen steckengeblieben. bin auf ein kleines problem gestoßen, und es wäre toll wenn mir jemand aushelfen könnte.

ich will mit usemap links auf ein bild bringen, welches jedoch random ausgewählt werden soll.
das mit dem random pics hab ich geschafft. der javascript code wird ist in der datei: test.html abgespeichert und mit
<object data="ganze seiten/cover/test.html"> kann ich ihn in der index.html-datei abrufen. dann kommt auch schon ein bild.

wenn ich jetzt im <object> tag aber folgendes hinzufügen will:
usemap="#Map"
damit dieses "vorgespielte" bild verlinkungen bekommt, scheitere ich.

hab auch andere varianten probiert, aber immer wenn ich die verlinkungen mit der random-auswahlmethode kombinieren will klappts irgendwie nicht.

danke + lg
 
meine index.htm datei:

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

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pizza Mari'</title>

</head>

<body>
<table align="center"> <tr valign="middle" align="center"><td valign="middle" align="center">

<object data="ganze seiten/cover/test.html" type="" width="1025px" height="770px" usemap="#Map" border="none">

<map name="Map" id="Map">
<a shape="rect" coords="423,433,529,472" href="kontakt.html" target="_self" />
<a shape="rect" coords="214,495,373,535" href="anfahrtsplan.html" />
<a shape="rect" coords="429,495,609,533" href="opening hours.html" />
<a shape="rect" coords="459,339,518,385" href="links.html" />
<a shape="rect" coords="196,425,256,469" href="menu.html" />
<a shape="rect" coords="299,444,368,477" href="foto.html" />
</map>
</object>

</table></td></td>




</body>
</html>


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


und auch noch der javascript code in der test.html

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


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pizza Mari'</title>
<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! JavaScript Source: Free JavaScripts, Tutorials, Example Code, Reference, Resources, and Help -->

<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages[0] = '1.jpg'
theImages[1] = '2.jpg'
theImages[2] = '3.jpg'
theImages[3] = '4.jpg'

// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer = new Image()
preBuffer.src = theImages
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

// End -->
</script>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
showImage();
</script></object>
</body>
</html>


---------------------------------------
 
Wenn Du ein Bild per Zufall ausgibst, dann musst Du dazu halt auch die richtige Imagemap zusteuern.
Aber wäre das nicht eher ein Fall für eine serverseitige Sprache?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben