HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Slideshow und Bilder verlinken

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Slideshow und Bilder verlinken

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
mulan



Anmeldungsdatum: 06.07.2006
Beiträge: 1
Wohnort: Bremen

BeitragVerfasst am: 06.07.2006 14:19:28    Titel: Slideshow und Bilder verlinken Antworten mit Zitat

Hallo Leute,
ich habe ein kleines Problem mit mein JavaSript "Slideshow".
Ich möchte gerne wenn ein Besucher in das kleine angezeigte Bild (BK1.jpg usw.) klickt, das sich eine neues Fenster mit
der entsprechenden HTML Seite (BG1.html usw.) öffnet. Hier wird das kleine Bild in Großansicht dargestellt.
Geht das überhaupt? Und wenn Ja, kann mir jemand helfen wie ich dies in mein Script einbauen kann?
Vielen Dank im voraus


Hier das Script:


<script LANGUAGE="JavaScript">
<!--
var maxnr=7;
var aktnr=0;
var halt=1;
var an=1;

function bild(nr) {
bld=new Array();
bld[1]="BK1.jpg";
bld[2]="BK2.jpg";
bld[3]="BK3.jpg";
bld[4]="BK4.jpg";
bld[5]="BK5.jpg";
bld[6]="BK6.jpg";
bld[7]="BK7.jpg";

if (an) {
aktnr+=nr;
if (aktnr<1)
aktnr=maxnr;
else if (aktnr>maxnr)
aktnr=1;
document.slide.src=bld[aktnr];
}
}

function show() {
if (!halt) {
bild(1);
setTimeout("show()",5000);
}
if (halt==1) {
document.form1.X88.disabled=true;
document.form1.X99.disabled=false;
}
else {
document.form1.X88.disabled=false;
document.form1.X99.disabled=true;
}
}

function power() {
if (!an) {
document.schalter.src="";
document.slide.src="";
aktnr=0;
halt=1;
an=1;
}
else {
document.slide.src="";
document.schalter.src="";
an=0;
}
}
// -->
</script>

<body onload="halt=0;show()">
<img SRC="BK1.jpg" name="slide" ALT="Slide-Show" width="90" height="100">
<form name="form1"><br>
<input name="X99" style="font-size: 9px; padding: 0px;" TYPE="button" value="Start" onClick="halt=0;show()">
<input name="X88" style="font-size: 9px; padding: 0px;" TYPE="button" value="Stop" onClick="halt=1"><br />

<input style="font-size: 9px; padding: 0px;" TYPE="button" value="|&lt;" onClick="aktnr=1;bild(0);">
<input style="font-size: 9px; padding: 0px;" TYPE="button" value="&lt;" onClick="bild(-1)">

<input style="font-size: 9px; padding: 0px;" TYPE="button" value="&gt;" onClick="bild(1)">
<input style="font-size: 9px; padding: 0px;" TYPE="button" value=">|" onClick="aktnr=maxnr;bild(0);">
</form>
<BR>
</body>
</html>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 06.07.2006 14:35:35    Titel: Antworten mit Zitat

esgeht auch viel einfacher:

Code:
[i]JS:[/i]

var aktl ;


Code:
[i]HTML[/i]

<a href="JavaScript:window.open('bild1.htm','_blank'); aktl=1;">Bild 1</a>
<a href="Javascript:window.open('bild'+ ++aktl+ '.htm','_blank'"> Ein bild weiter</a>
<a href="Javascript:window.open('bild'+ --aktl+ '.htm','_blank'"> Eins zurück</a>


hoffe das geht so ^^
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.