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

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - mouseover Fotoalbum

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

mouseover Fotoalbum

 

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





BeitragVerfasst am: 29.06.2005 12:36:36    Titel: mouseover Fotoalbum Antworten mit Zitat

Hallo,

habe folgendes script schon zu dem thema gefunden. habe aber ein paar änderungen vor bzw. gemacht .
klappt aber nicht so ganz nach plan. kann mit jeman zeigen wie ich es hinbekomme das der button nicht nur ein bild vorsprint bei mouse over sonder direkt zu bild 17 oder bild 15 (je nach button) .

danke.

hier das script wies momnetan aussieht.


Code:
<html>

<head>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Slideshow</title>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #12FF00;
scrollbar-highlight-color: #12FF00;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #12FF00;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #12FF00;
}
-->

.input {
font-size: 12px;
font-family: verdana;
color: #000000;
background-color: #ffffff;
border:1px solid #669900;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
text-indent : 2px;
}
</STYLE>
</head>

<body link="#000000" vlink="#000000" alink="#000000" scroll="no">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="300" id="AutoNumber1" height="300">
<tr>
<td background="../Galerie/bg.gif">
<p align="center">
<a id="bildlink" target="_blank" title="Bild in Originalgröße anschauen" href="../0.gif">
<img src="../IMG_0001.JPG" name="photoslider" border="0" width="290" height="290"></a></td>
</tr>
</table>
</center>
</div>
<div id="bildtext" style="text-align:center;font-family:verdana,arial;">Text zu Bild 1</div>
<form method="POST" name="rotater">
<script type="text/javascript" language="JavaScript1.1">
var photos=new Array()
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="IMG_0001.JPG"
photos[1]="IMG_0002.JPG"
photos[2]="IMG_0003.JPG"
photos[3]="IMG_0004.JPG"
photos[4]="IMG_0005.JPG"
photos[5]="IMG_0006.JPG"
photos[6]="IMG_0009.JPG"
photos[7]="IMG_0011.JPG"
photos[8]="IMG_0013.JPG"
photos[9]="IMG_0014.JPG"
photos[10]="IMG_0015.JPG"
photos[11]="IMG_0016.JPG"
photos[12]="IMG_0017.JPG"
photos[13]="IMG_0019.JPG"
photos[14]="IMG_0020.JPG"
photos[15]="IMG_0021.JPG"
photos[16]="IMG_0022.JPG"
photos[17]="IMG_0023.JPG"
photos[18]="IMG_0025.JPG"
photos[19]="IMG_0026.JPG"
photos[20]="IMG_0027.JPG"
photos[21]="IMG_0028.JPG"
photos[22]="IMG_0030.JPG"
photos[23]="IMG_0031.JPG"
photos[24]="IMG_0032.JPG"

var text=new Array()
text[0] = "Text zu Bild 1"
text[1] = "Text zu Bild 2"
text[2] = "Text zu Bild 3"
text[3] = "Text zu Bild 4"
text[4] = "Text zu Bild 5"
text[5] = "Text zu Bild 6"
text[6] = "Text zu Bild 7"
text[7] = "Text zu Bild 8"
text[8] = "Text zu Bild 9"
text[9] = "Text zu Bild 10"
text[10] = "Text zu Bild 11"
text[11] = "Text zu Bild 12"
text[12] = "Text zu Bild 13"
text[13] = "Text zu Bild 14"
text[14] = "Text zu Bild 15"
text[15] = "Text zu Bild 16"
text[16] = "Text zu Bild 17"
text[17] = "Text zu Bild 18"
text[18] = "Text zu Bild 19"
text[19] = "Text zu Bild 20"
text[20] = "Text zu Bild 21"
text[21] = "Text zu Bild 22"
text[22] = "Text zu Bild 23"
text[23] = "Text zu Bild 24"
text[24] = "Text zu Bild 25"

function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
document.getElementById("bildlink").href=photos[which];
document.getElementById("bildtext").innerHTML = text[which];
}
else
{
window.status='Anfang der Bilder'
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
document.getElementById("bildlink").href=photos[which];
document.getElementById("bildtext").innerHTML = text[which];
}
else
{
window.status='Ende der Bilder'
//which=1;backward();return false
}
}

</script>
<p align="center">
<input name="B15" type="button" class="input" id="B15" onMouseOver="backward()" value="<< 15 >>">
<input name="B16" type="button" class="input" id="B16" onMouseOver="backward()" value="<< 16 >>">
<input class="input" type="button" name="B3" value="neu starten"
onClick="which=1;backward();return false">
<input name="B18" type="button" class="input" id="B18"
onMouseOver="forward()" value="<< 18 >>">
<input name="B17" type="button" class="input" id="B17"
onMouseOver="forward()" value="<< 17 >>">
<br>
</p>
</form>
</body>

</html>
Nach oben
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.