Einzelnen Beitrag anzeigen
Alt 28.04.2003, 14:32   #1 (permalink)
Freddy K.
Tweaker
 

Registriert seit: 08.05.2002
Beiträge: 438

Freddy K. befindet sich auf einem aufstrebenden Ast

Standard Javascript Frage

[i]<script language="JavaScript">
<!--
// erweitert von Klaus Hentschel
// www.javarea.de

var i = 1
images = new Array
images[1] = "pics/1.jpg"
images[2] = "pics/2.jpg"
images[3] = "pics/3.jpg"
images[4] = "pics/4.jpg"


function gallery(){
if (i == 1){
document.gallery.previous.value=""
}
}
function previmg(){
if (i != 1) {
i --
document.img.src = images[i]
document.gallery.next.value = "Nächstes >"
}
if (i == 1) {
document.gallery.previous.value=""
}
}
function nextimg(){
if (i != 4) {
i ++
document.gallery.previous.value="< Vorheriges"
image = images[i]
document.img.src = image}
if (i ==4){
document.gallery.next.value="";
}
}
function pickrand(){
var imagenumber = 4 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
var randimage = images[rand1]
document.img.src = randimage
i = rand1
if (i == 1){
document.gallery.previous.value="";
}
else {
document.gallery.previous.value="< Vorheriges";
}
if (i == 6){
document.gallery.next.value="";
}
else {
document.gallery.next.value="Nächstes >";
}
}
function firstimg(){
i = 1
document.img.src = images[i];
document.gallery.previous.value=" ";
document.gallery.next.value="Nächstes >"
}
function lastimg(){
i = 4
document.img.src = images;
document.gallery.next.value=" "
document.gallery.previous.value="< Vorheriges"
}
function stoperror(){
return true
}
window.onerror=stoperror
// -->
</script>


<div align="center">
<img border="0" name="img" src="pics/1.jpg"><br><br>
<DIV style="visibility:hide;visibility:hidden;">
<form name="gallery">
<input name="previous" onclick="previmg();" type="button" value="< Vorheriges">
<input name="first" onclick="firstimg();" type="button" value="|<< Start">
<input name="random" onclick="pickrand();" type="button" value="? Zufall ?">
<input name="last" onclick="lastimg();" type="button" value="Letztes >>|">
<input name="next" onclick="nextimg();" type="button" value="Nächstes >">
</form>
</div>

<FONT class="stn">|</font>
<FONT class="stn"><a href="javascript:onclick=previmg()">vorheriges</a> <FONT class="stn">|</font>
<FONT class="stn"><a href="javascript:onclick=firstimg()">Start</a> <FONT class="stn">|</font>
<FONT class="stn"><a href="javascript:onclick=pickrand()">Zufall</a> <FONT class="stn">|</font>
<FONT class="stn"><a href="javascript:onclick=lastimg()">letztes</a> <FONT class="stn">|</font>
<FONT class="stn"><a href="javascript:onclick=nextimg()">nächstes</a> <FONT class="stn">|</font>



In diesem Script müsste ich eine Änderung einfügen, aber ich hab keine Ahnung wie das funzt. Und zwar hab ich eine Seite mit kleinen Thumbnails von ca. 20 Pics. Wird nun eines dieser pics angelklickt, soll das Fenster mit dem Script oben erscheinen zum blättern der Bilder. D.h. es soll jeweils das Bild als erstens zum blättern angezeigt werden, welches man auf der Seite mit den Thumbnails angeklickt hat. Lässt sich das irgendwie bewerkstelligen ??
Freddy K. ist offline   Mit Zitat antworten