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

Vor zurück Blättern

Status
Für weitere Antworten geschlossen.

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>&nbsp;&nbsp;&nbsp;&nbsp;
<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
 
Werbung:
mit folgenden Änderungen müsste es gehen:
Code:
...
var x = 0
...
function vor() {
    if(x < bilder.length - 1) {
        x++;
    }
    gros(x);
}
function zurück() {
    if(x > 0) {
        x--;
    }
    gros(x);
}
...
Ich hab den Code nicht ausprobiert, er müsste aber funktionieren.
mfg Bleistift
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben