Archivlink: javarea.de Forum > JavaScript > JavaScript sartet nicht automatisch (Diashow)
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > JavaScript sartet nicht automatisch (Diashow)

Pages: [1]
geschrieben von Prasserbad am 17.08.2008 - 17:40
Hallo

ich habe das Problem das die Diashow nicht automatisch startetet.... sondern nur wenn ich mit dem Mauszeiger drauf klicke...

kann das ganze auch automatisch gestartet werden !??ß

Danke schon mal im voraus


Gruß
Michi

CODE:

<body onload="slideit()">

<script language="JavaScript1.2">
<!--
function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply

// einbinden der Grafiken
var image1=new Image()
image1.src="image/Dia/boot.jpg"
var image2=new Image()
image2.src="image/Dia/seg.jpg"
var image3=new Image()
image3.src="image/Dia/wetter.jpg"
var image4=new Image()
image4.src="image/Dia/segelbo.jpg"
var image5=new Image()
image5.src="image/Dia/sonnu.jpg"
var image6=new Image()
image6.src="image/Dia/schw.jpg"
var image7=new Image()
image7.src="image/Dia/segel.jpg"
var image8=new Image()
image8.src="image/Dia/bootsr.jpg"
// -->
</script>

<a href="javascript:slidelink()"
onMouseover="window.status='Jedes Bild hat eine eigene URL';return true"
onMouseout="window.status=''">
<img src="image/Dia/bootsr.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)"></a>


<script>
<!--
var number_of_images=10 // Anzahl der Grafiken
var speed=5 // Geschwindigkeit des Filterübergang
var step=1 // Schrittanzahl
var image=1 // Start der ersten Grafik
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+2500)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1) // 1 Grafik
window.location="http://www.javarea.de" // Link zur 1 Grafik
else if (whichimage==2) // 2 Grafik
window.location="http://www.javarea.de" // Link zur 2 Grafik
else if (whichimage==3) // 3 Grfik
window.location="http://www.javarea.de" // Link zur 3 Garfik
else if (whichimage==4) // 4 Grafik
window.location="http://www.javarea.de" // Link zur 4 Grafik
}
// -->
</script>

geschrieben von Danny am 17.08.2008 - 18:49
Hallo,
ich geh mal davon aus, dass das Problem bei der Bootsverleih Seite auftritt.

Der Quelltext deiner Seite ist alles andere als richtig geordnet, mindestens 3 <body> Tags, Javascript teils im <head> und teils im <body> und das selbe auch mit CSS.

Jede HTML Seite ist prinzipiell grob wiefolgt aufgebaut

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 

<html>
  <head>

  </head>
  <body>

  </body>
</html>


Diese Tags darf es auch nur einmal im gesamten Script geben. Bei dir wie gesagt gibt es sie zuhauf.
Jetzt nimmst du alle CSS Angaben und schreibst sie in den Head Bereich, danach alle Javascript Blöcke auch in den Head Bereich.
Die eigentliche Seite kommt zwischen die Body Tags.
Das Attribut onload im Body Tag gibt die Funktionen an, die nach dem Seitenladen automatisch aufgerufen werden. Da du aber mehrere onloads hattest, ging deine Slideshow auch nicht.
Also in das eine <body> auch nur ein onload und darin die ganzen Funktionen mit Semikolon getrennt.

Ich hoffe das es dir erstmal die richtige Richtung gibt, wie du vorgehen solltest.

Schöne Grüße
Danny

geschrieben von Prasserbad am 17.08.2008 - 23:21
So... Stimmt das jetzt so... !??

http://www.prasserbad.de

Jetzt läuft die Diashow aber zu schnell ab...



Gruß Michi

geschrieben von Danny am 18.08.2008 - 09:48
Hallo Michi,
es ist auf jedenfall schon besser geworden. Ein bisschen hab ich noch dran geändert.

Bei mir lokal läuft es zumindest in der richtigen Geschwindigkeit und automatisch ab. Das musst du nun mal testen.
Ausserdem solltest du möglichst validen Code schreiben, erstrecht wenn du XHTML als Doctype Definition verwendest.
Wo die Fehler liegen siehst du auf http://validator.w3.org/

Grüß Danny

geschrieben von Prasserbad am 18.08.2008 - 19:47
Danke dir @Danny ...super nett von dir !!!

jetzt sieht das ganze aufgeräumt aus...


jetzt hab ich nur das Problem das die Diashow.... Bild1 normal anzeigt dann kommt ganz kurz Bild2 und dann normal Bild3 und Bild4 ist auch nur kurz zu sehen........

woran kann das liegen.... !??

http://www.prasserbad.de

Code:

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 

<script type="text/javascript">
  <!--
  function reapply(){
    setTimeout("slideit()",3000)
    return true
  }
  window.onerror=reapply

  // einbinden der Grafiken
  var image1=new Image()
  image1.src="image/Dia/boot.jpg"
  var image2=new Image()
  image2.src="image/Dia/seg.jpg"
  var image3=new Image()
  image3.src="image/Dia/wetter.jpg"
  var image4=new Image()
  image4.src="image/Dia/segelbo.jpg"
  var image5=new Image()
  image5.src="image/Dia/sonnu.jpg"
  var image6=new Image()
  image6.src="image/Dia/schw.jpg"
  var image7=new Image()
  image7.src="image/Dia/segel.jpg"
  var image8=new Image()
  image8.src="image/Dia/bootsr.jpg"

  var number_of_images=10					// Anzahl der Grafiken
  var speed=5					// Geschwindigkeit des Filterübergang
  var step=1						// Schrittanzahl
  var image=1						// Start der ersten Grafik
  function slideit(){
    if (!document.images)
      return
    if (document.all)
      slide.filters.blendTrans.apply()
    document.images.slide.src=eval("image"+step+".src")
    
    if (document.all)
      slide.filters.blendTrans.play()
    whichimage=step
    
    if (step<number_of_images)
      step++
    else
      step=1
      
    if (document.all)
      setTimeout("slideit()",speed*1000+2500)
    else
      setTimeout("slideit()",speed*1000)
  }
  function slidelink(){
    if (whichimage==1)							// 1 Grafik
      window.location="http://www.prasserbad.de"			// Link zur 1 Grafik
    else if (whichimage==2)						// 2 Grafik
      window.location="http://www.prasserbad.de"			// Link zur 2 Grafik
    else if (whichimage==3)						// 3 Grfik
      window.location="http://www.prasserbad.de"			// Link zur 3 Garfik
    else if (whichimage==4)						// 4 Grafik
      window.location="http://www.prasserbad.de"		// Link zur 4 Grafik
  }
  // -->
</script>

geschrieben von Prasserbad am 18.08.2008 - 23:15
So jetzt passt wieder alles....

super Danke dir nochmal....

So eine frage hab ich noch....


Unter der Seite... http://webcam.meteomedia.ch/archiv/

Sieht man das aktuelle bild vom See... (eu_de_rottach) (unten in der Mitte)

Das Bild auf dieser Seite ändert sich ca. alle 10 Min.

so jetzt dir frage gibt es ein Script das das Bild auch immer automatisch auf meiner Webseite Anzeigt...

unter www.prasserbad.de/webc.html so das auf meiner Webseite auch immer das Aktuellste Bild zu sehen ist... !??


Gruß

Michi

geschrieben von Patrick am 20.08.2008 - 15:18
Hallo.

das was dir auf der webcam page angezeigt wird ist im Grunde genommen ein video mit der WebCam aufgenommen, also kein einzelnes Bild.

Theoretisch könntest du dieses Video allerdings bei dir auf der Seite einbinden, solltest nur einen verweis auf die Originale Seite machen... Akutell funktioniert das von deinem See aber nicht, daher kein Link. Wenn du aufs Archiv gehst, findest du einige *.ogg dateien, die du dann entsprechend einbinden kannst.

Grüße
Patrick


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.