3 svar · 358 visningar · startad av clacke
Jag har en html sida med säg 100st småbilder och klickar man på tex bild nr 3 så kommer man till en sida som visar en förstoring av den bilden.
Väl där så ska man kunna navigera till bild nr2 med tillbaka knappen och till bild nr4 med fram knappen.
I daxläget har jag en sida för varje förstoring och det är ju ingen höjdare.
Hade det varit en asp sida så hade jag vetat hur jag skulle göra, men inte nu tyvärr, kan inte javascript nått vidare.
Om du vill använda Javascript för att gå i historiken kan du kolla här:
http://www.webforum.nu/showthread.php?t=70460
Men det hjälper dig inte att navigera till sidor som användaren inte redan besökt.
- Har bilderna/sidorna logiska namn som t.ex. bild1.html, bild2.html o.s.v?
Ja med history funkar det inte.
Hade tänkt någon http request eller liknande.
Hur tänkte du använda http request för att ta reda på vad som skall hända när användaren trycker på fram knappen?
Detta kanske är något du kan jobba vidare på:
<html>
<head>
<script type="text/javascript">
function nav(dir){
var elmImg = document.getElementById('image');
var strImg = elmImg.src;
var intImg = strImg.substring(strImg.lastIndexOf('bild') + 4, strImg.lastIndexOf('.') < 0 ? s.length : strImg.lastIndexOf('.'));
if(dir == "back"){
intImg--;
if(intImg <= 0){
alert("Du är redan på första bilden")
return false;
}
}else{
intImg++;
if(intImg >= 100){
alert("Det finns inte fler bilder")
return false;
}
}
elmImg.src = "bild"+ intImg +".jpg";
elmImg.alt = "bild"+ intImg +".jpg";
}
</script>
</head>
<body>
<a href="#" onclick="nav('back');return false;">Bakåt</a> | <a href="#" onclick="nav('forward');return false;">Framåt</a>
<br />
<img src="bild1.jpg" id="image" alt="bild1.jpg" />
</body>
</html>