Hard-Styler1
Neues Mitglied
PHP:
<!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=iso-8859-1" />
<title>Test</title>
<style type="text/css">
#box1{
margin:20px auto;
width:600px;
}
#box2{
float:left;
}
#box3{
float:right;
}
</style>
<script language="javascript">
var x
var bilder = new Array(5)
bilder [0] = "bild1.jpg";
bilder [1] = "bild2.jpg";
bilder [2] = "bild3.jpg";
bilder [3] = "bild4.jpg";
bilder [4] = "bild5.jpg";
function gros(x){
document.bild.src = bilder[x];
}
function zurück(){
document.bild.src = bilder[2];
}
function vor(x){
document.bild.src = bilder[3];
}
</script>
</head>
<body bgcolor="#CCCCCC">
<div id="box1">
<div id="box2">
<img width="400px" height="400px" src="bild1.jpg" name="bild" /><br /><br />
<center>
<button onclick="zurück()">Zurück</button>
<button onclick="vor()">Vor</button>
</center>
</div>
<div id="box3">
<table>
<script language="javascript">
var td, tr, trzu, tdzu;
td="<td height=\"152px\" width=\"152px\"> ";
tr="<tr>";
tdzu="</td>";
trzu="</tr>";
for (var x=0; x<5; x++) {
document.write(tr+td+'<img onclick="gros('+ x +')" width="150px" height="150px" src="'+ bilder[x] +'">'+tdzu+trzu);
}
</script>
</table>
</div>
</div>
</body>
</html>
Das is mein aktueler Code bis auf das vor und zurück blättern geht er supper ,jetzt brauch ich euere hilft kan mal jemand das script so erweitern das es geht aber wen man rechts auf eins der bilder klickt zb. das 3von oben mus das vor und zurück blätern sich daran orentieren,könnte die frage jetzt auch in PHP bereich stellen da jett nur Programmieren gefragt is und mir aber das wissen dazu noch nicht reicht hoffe jemand hat die eine minute dafür
lg:Hardschocker