Zufallsbild mit JavaScript, findet jemand den Fehler...?

Bjilton

Hallo zusammen!

Habe nach der Anleitung unter Polycoder.de versucht ein Zufallsgenerator für Bilder in meine Website einzubauen, allerdings ohne grossen Erfolg. Sieht vielleicht jemand einen ganz offensichtlichen Fehler? Ich seh nämlich gar nichts mehr...

Vielen Dank und Gruss, Björn.

HTML

<html>


	<head>
		<title>Bjoern Meier Product Design</title>
		<link href="../css/bm.css" type="text/css" rel="stylesheet">
		<script language="JavaScript" type="text/javascript">

		function zufallsprodukt() { 
      
      		var BildTDTagID = "produktebild";   
     
      		var BildOrdner = "../images/random/";     
       
      		var BildName = "prod";              
      
      		var BildFormat = ".jpg";                
     
      		var AnzahlBilder = 5;               
      
      		var StartCounter = 1;                     
      		
      		RandBild = Math.round(Math.random()*AnzahlBilder); 
      		if( AnzahlBilder == RandBild ) RandBild = 0; 
      		rb = BildOrdner + BildName + (RandBild + StartCounter) + BildFormat; 
       
      		if (document.images) { 
        		 document.images[BildTDTagID].src=rb; 
      	} 

	</script> 
	</head>




<body onload="zufallsprodukt()" style="margin:20px">


<table class="underline" width="100%"  cellpadding="0" cellspacing="0">




  
  <tr>
    <td width="250"   valign="top" align="left">
    [img]../images/blind.gif[/img]


    <span class="normal">Bjoern Meier Product Design</span>
    </td>
    <td width="250"   valign="top" align="right">
    [img]../images/blind.gif[/img]


    [url='mailto:mail@bjoernmeier.com'] mail[at]bjoernmeier.com[/url]</td>
    <td  align="right"   valign="top" >
    [img]../images/blind.gif[/img]


    <span class="normal">deutsch | [url='english.html']english[/url] | [url='../index.html']Logout[/url]</span></td>
  </tr>

</table>








<table cellpadding="0" cellspacing="0" valign="top" width="500px">


<colgroup>
    <col width="150">
	<col width="130">
	<col width="220">
</colgroup>	


	<tr align="left" valign="top">
		<td class="navigation" rowspan="10" valign="top" align="left">
		[img]../images/blind.gif[/img]


		[url='produkte.html']Produkte[/url]


		[url='produktskizzen.html']Produktskizzen[/url]


		[url='projekte.html']Projekte[/url]


		[url='http://www.bjoernmeier.com/secure/sketchbook']Sketchbook[/url]


		[url='about.html']About[/url]</td>

		<td style="border-left:1px dotted #808080; border-bottom:1px dotted #808080;">
		[img]../images/blind.gif[/img] </td>
		<td class="zellentext" style="border-right:1px dotted #808080; border-bottom:1px dotted #808080;">
		[img]../images/blind.gif[/img]


		[url='produkte.html']Produkte | 2005 - 2007 [/url]


		<span class="normal"> Auftragsgebundene Arbeiten im Bereich Produkt/Moebel
</span>
		[url='produkte.html'][Uebersicht][/url]
		</td>
	</tr>
...

Alles anzeigen

Edit: Ist der Quellcode zu lang? Könnt ihr auch keinen Fehler finden? Bin dankbar für jegliches Feedback! Gruss, Björn

chris90night

Mach´s doch einfach mit PHP, is viel einfacher und unkomplizierter!

PHP

<?php
$min = 1;
$max = 2;
$zufall = mt_rand($min,$max);


if ($zufall == 1) 
       {echo "[img]beispielbild_1.jpg[/img]";}
         elseif ($zufall == 2)
                      {echo "[img]beispeilbild_2.jpg[/img]";}
?>

Alles anzeigen

Das ist ein kleines Skript welches für 2 Bilder ausgelegt ist, wenn du mehr hast, z.B aus 4 Bildern dir ein ZUfallsbild generieren lassen möchtest, dann erhöhe den Wert der "$max" auf 4 und füge noch 2 elseif-Funktionen dazu.

Gruß, chris90night

Tags