Computer Hardware Forum - TweakPC

Computer Hardware Forum - TweakPC (https://www.tweakpc.de/forum/)
-   Programmiersprachen (https://www.tweakpc.de/forum/programmiersprachen/)
-   -   Javascript Frage (https://www.tweakpc.de/forum/programmiersprachen/8043-javascript-frage.html)

Freddy K. 28.04.2003 15:32

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

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[i];
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>
[/i]


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 ?? :roll:

Dr. BeSt 28.04.2003 15:52

Muss es denn via JavaScript sein? Das läßt sich mit reinem HTML doch auch lösen, indem du für jedes Bild ein HTML-Dokument erstellst, welches Links zum jeweils nächsten und vorherigen Dokument (mit dem jeweils nächsten und vorherigen Bild) enthält!

Freddy K. 28.04.2003 16:04

[quote=Dr. BeSt]Muss es denn via JavaScript sein? Das läßt sich mit reinem HTML doch auch lösen, indem du für jedes Bild ein HTML-Dokument erstellst, welches Links zum jeweils nächsten und vorherigen Dokument (mit dem jeweils nächsten und vorherigen Bild) enthält![/quote]
Ja, das stimmt. :D
Erstellst du mir für die 400 Bilder 400 HTML-Seiten ? :lol:

Dr. BeSt 28.04.2003 16:10

Ach jetzt sind's auf einmal 400? Eben waren es noch 20... :wink:

Freddy K. 28.04.2003 16:14

[quote=Dr. BeSt]Ach jetzt sind's auf einmal 400? Eben waren es noch 20... :wink:[/quote]
Gut, okay. Dacht es mir schon das du jetzt auf die 20 anspielst. :lol: Okay, die Zahl in dem Script oben ist nur als Beispiel gedacht. :wink:


Alle Zeitangaben in WEZ +1. Es ist jetzt 10:02 Uhr.

Powered by vBulletin® Version 3.8.10 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
SEO by vBSEO 3.5.2 ©2010, Crawlability, Inc.