[Hilfe] Rnd Image problem

BlackiDeath · 24. Februar 2012

Hallo,

ich versuche jetzt schon seit knapp einer Stunde hier den Fehler zu finden -.-"
Nach längerem googeln und verzweifeln frag ich mal hier nach.

Sollte am ende eigentlich so aussehen.

http://www.pmob.co.uk/temp/randombgimage5.htm
Bei mir wird nur eine leere box angezeigt bzw. mit dem Wort "Grafik" ....

Wie der name wohl schon sagt "Random Image" sollte sich das Bild bei jedem neuladen der Seite ändern.

Spoiler anzeigen

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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.imgwrap {
height:220px;
border:1px solid #000;
background:#ccc;
width:220px;
margin:20px auto;
text-align:center;
display:table;
}
.imgwrap span {
display:table-cell;
vertical-align:middle;
}
#banner{
display:inline;
}
.imgwrap b {
display:none;
}
</style>
<!--[if lte ie 7]>
<style type="text/css">
.imgwrap span {
display: inline-block;
}
.imgwrap b {
display: inline-block;
height: 100%;
vertical-align: middle;
}
</style>
<![endif]-->
<script type="text/javascript">
//<!--
if (document.getElementById) { window.onload = swap };
function swap() {
var el=document.getElementById("banner");
rndimg = new Array("images/pic2.jpg", "images/pic1.jpg", "images/pic3.jpg", "images/579553-IS.jpg");
var numimages = rndimg.length-1;
var imgObjects = [];
for (var i=0;i < rndimg.length; i++) {
imgObjects[i] = new Image();
imgObjects[i].src = rndimg[i];
}
var x=(Math.floor(Math.random()*numimages));
var maxWidth = 200;
var maxHeight= 200;
while(imgObjects[x].height>maxHeight){
imgObjects[x].width--;
imgObjects[x].height--;
}
while(imgObjects[x].width>maxWidth){
imgObjects[x].width--;
imgObjects[x].height--;
}
randomimage=(imgObjects[x].src);
el.src = randomimage;
el.width = imgObjects[x].width;
el.height = imgObjects[x].height;
}
//-->
</script>
</head>
<body>
<div class="imgwrap"><span><img id="banner" src="images/579553-IS.jpg" alt= "Grafik" /></span><b></b></div>
</body>
</html>

Alles anzeigen

Die Bilder liegen eigentlich im richtigen Verzeichnis ..

"C:\Users\Blacki\Desktop\Homepage\site-assets\images"

Hoffe einer von euch hat ahnung..

und schonmal danke im Voraus^^

Mfg. Blacki

**ov3rk1ll** · 24. Februar 2012

Du setzt image width und height auf 0 dahaer wird das Bild nicht angezeigt.

BlackiDeath · 24. Februar 2012

Vielen Dank schonmal.

Könntest du mir unter umständen noch sagen in welscher Zeile die größe auf 0 gesetzt wird ?
Ich seh inzwischen in den ganzen wirrwarr nichts mehr ..

**ov3rk1ll** · 24. Februar 2012

Ich weiß nicht wo in deinem js code der Fehler leigt.
Du kannst aber das ganze durch css vereinfachen.

Code

img#banner{max-width: 200px;max-height: 200px;

und dann einfach mit random einen wert aus rndimg nehmen und als src setzten.

BlackiDeath · 24. Februar 2012

Habs hinbekommen thx

Teilen