Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
JS: Bildwechsel alle 10 Sekunden
zurück: PHP Textdatei mit css Formatierung ausgeben weiter: Text aus HTM(L) Datei auslesen und auflisten ?? Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Antwort Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
wehmeier
Excel-Kenner (ohne VBA)


Verfasst am:
06. Mai 2009, 13:52
Rufname: Sven
Wohnort: OWL

JS: Bildwechsel alle 10 Sekunden - JS: Bildwechsel alle 10 Sekunden

Nach oben
       

Eigentlich sollte ein solches JavaScript kein Problem sein, aber wenn man googelt, dann finde ich bisher nur Müll ;)

Ein Kunde will plötzlich auf seiner Seite ein Bild mit Link einbauen, das sich alle 10 Sekunden ändert.

Dafür braucht man auch den HTTP-Request, so weit bin ich schon...

Die Daten sind eigentlich in einer CSV-Datei, aber die Daten bekomme ich schon sicherlich irgendwie mit PHP rein, denn damit kann ich das locker auslesen!

Mir macht nur der Bilderwechsel bzw. der Contentwechsel mit JS zu schaffen, weil ich mich bisher vor JS gedrückt habe.
MaxKhl
HTML-, JS-, PHP- Kenner


Verfasst am:
16. Jun 2009, 17:52
Rufname:
Wohnort: Nähe Stuttgart


AW: JS: Bildwechsel alle 10 Sekunden - AW: JS: Bildwechsel alle 10 Sekunden

Nach oben
       

Code:
<head>
<script type="text/javascript">
<!--
function bildwechsel_starten()
{
   bildwechselthread = setInterval("bildwechsel()", 10000);
}
function bildwechsel()
{
   zufall = Math.random();
   zufall = zufall * 5;
   zufall = Math.round(zufall);
   document.getElementById("wechselndesbild").src = "BILDERORDNER/" + zufall + ".jpg";
}
-->
</script>
</head>
<body onload="bildwechsel_starten()">
   <img id="wechselndesbild" src="1.jpg" />
</body>
So ungefähr sollte das funktionieren.
Bei "zufall * 5" musst du die 5 mit der Anzahl an Bildern die du anzeigen willst ersetzen.
Die Bilder müssen dann so benannt sein:
- 1.jpg
- 2.jpg
- 3.jpg
usw.
Bei "BILDERORDNER/" den Ordner angeben, in dem die Bilder abgelegt wurden.

MfG MaxKhl
wehmeier
Excel-Kenner (ohne VBA)


Verfasst am:
17. Jun 2009, 08:08
Rufname: Sven
Wohnort: OWL

AW: JS: Bildwechsel alle 10 Sekunden - AW: JS: Bildwechsel alle 10 Sekunden

Nach oben
       

Vielen Dank, aber der Kunde kommt mit immer neuen Ideen... mittlerweile sind es keine Bilder mehr, sondern ganze HTML-Seiten.

Jetzt will dieser:
1. Die Reihenfolge soll sich täglich ändern. Die Seite zwei von heute wird morgen Seite 1, Seite 1 von heute rutscht auf den letzten letzten Platz (Rotation)

2. Der Besucher soll die Seite anhalten können (wie in einer Diashow)
b.o.fan
Im Profil kannst Du frei den Rang ändern


Verfasst am:
06. Feb 2010, 20:37
Rufname:
Wohnort: Berlin

AW: JS: Bildwechsel alle 10 Sekunden - AW: JS: Bildwechsel alle 10 Sekunden

Nach oben
       

Interessantes Script.

Wie kann ich das abändern, dass ich alle sagen wir 10 Sek. eine andere function ausführen kann?

sagen wir ich habe 3 funktionen.

die erste soll nach 10 sek. starten
die zweite nach 20 sek.
die dritte nach 30 sek.
die erste wieder nach 40 sek
die zweite wieder nach 50 sek.
die dritte wieder nach 60 sek.

usw. usf.
MaxKhl
HTML-, JS-, PHP- Kenner


Verfasst am:
30. März 2010, 17:31
Rufname:
Wohnort: Nähe Stuttgart


AW: JS: Bildwechsel alle 10 Sekunden - AW: JS: Bildwechsel alle 10 Sekunden

Nach oben
       

Das sieht dann so aus.
Code:
<html>
<head>
<script type="text/javascript">
<!--
var aktuellefunktion = 1;
function funktionwechsel_starten()
{
   funktionwechselthread = setInterval("funktionwechsel()", 10000);
}
function funktionwechsel()
{
   switch(aktuellefunktion)
   {
      default:
         aktuellefunktion = 1;
      case 1:   
         alert("Eins");   
         break;
      case 2:   
         alert("Zwei");
         break;
      case 3:      
         alert("Drei");
         break;
   }
   aktuellefunktion++;
}
-->
</script>
</head>
<body onload="funktionwechsel_starten()">

</body>
</html>
Die alerts einfach gegen den gewünschten Aufruf austauschen.
Kann auf beliebig viele Durchläufe erweitert werden. (case 3:, case 4: usw.)
Nob
Frontpage Kenner, EW3 Anfänger


Verfasst am:
08. Sep 2010, 16:40
Rufname:

Re: AW: JS: Bildwechsel alle 10 Sekunden - Re: AW: JS: Bildwechsel alle 10 Sekunden

Nach oben
       

Wie verhindere ich, dass im Anzeigenwechsel nach einem Bild "0.gif" gesucht wird?
Im Moment erscheint hier immer ein rotes Kreuz, wenn Bild 0.gif dran wär, weil dieses Bild gar nicht im Ordner "bilder" existiert!

Grüße,
Nob
MaxKhl-Passwortvergessen
Gast


Verfasst am:
16. Sep 2010, 16:01
Rufname:

AW: JS: Bildwechsel alle 10 Sekunden - AW: JS: Bildwechsel alle 10 Sekunden

Nach oben
       

Am einfachsten ist es einfach ein Bild 0.gif zu erstellen.
Falls das nicht möglich ist, folgenden Code verwenden.
Code:
<head>
<script type="text/javascript">
<!--
function bildwechsel_starten()
{
   bildwechselthread = setInterval("bildwechsel()", 10000);
}
function bildwechsel()
{
   zufall = Math.random();
   zufall = zufall * 5;
   zufall = Math.round(zufall);
   if(zufall == 0) zufall = 1;
   document.getElementById("wechselndesbild").src = "BILDERORDNER/" + zufall + ".jpg";
}
-->
</script>
</head>
<body onload="bildwechsel_starten()">
   <img id="wechselndesbild" src="1.jpg" />
</body>
Mit diesem Code erhöht sich aber die Wahrscheinlichkeit, dass 1.jpg angezeigt wird.
sunny1598753
Gast


Verfasst am:
01. Aug 2013, 21:25
Rufname:

AW: JS: Bildwechsel alle 10 Sekunden - AW: JS: Bildwechsel alle 10 Sekunden

Nach oben
       

Hi ihr ich weiß das es schon lange her ist wollt mich aber mal erkundigen ob jemand mir helfen kann in dieses script noch den fade effect einzubauen?
oscout
Der Officianer


Verfasst am:
21. Aug 2013, 18:55
Rufname:
Wohnort: Löhne


AW: JS: Bildwechsel alle 10 Sekunden - AW: JS: Bildwechsel alle 10 Sekunden

Nach oben
       

Womit möchtest du den Fade Effekt machen ? Wenn es jQuery sein soll, dann sollte es so klappen
Code:
$("#ID").fadeOut();
document.getElementById("wechselndesbild").src = "BILDERORDNER/" + zufall + ".jpg";
$("#ID").fadeIn();
Die ID musst du dann halt gegen die von deinem IMG oder DIV austauschen, dann sollte es klappen mit dem Effekt.
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum 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.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge PHP & JavaScript Forum: PHP Script/Datei alle X Sekunden ausführen 8 Tobias24 1500 04. Jan 2012, 15:55
Tobias24 PHP Script/Datei alle X Sekunden ausführen
Keine neuen Beiträge MS Expression Web Forum: Bildwechsel bei Mousover 0 stevenson36 1340 17. Jul 2010, 21:49
stevenson36 Bildwechsel bei Mousover
Keine neuen Beiträge PHP & JavaScript Forum: PHP Script alle 10 Sekunden automatisiert durchführen 34 maninweb 21771 16. Apr 2009, 19:29
Destruction PHP Script alle 10 Sekunden automatisiert durchführen
Keine neuen Beiträge Frontpage Forum: Weiterleitung nach 5 Sekunden in neues Fenster 2 The Rasch 10001 25. Nov 2007, 04:23
HJA Weiterleitung nach 5 Sekunden in neues Fenster
Keine neuen Beiträge Frontpage Forum: Anfänger: automatischer Bildwechsel 2 bello 8410 04. Jan 2007, 22:49
Vielgelesen Anfänger: automatischer Bildwechsel
Keine neuen Beiträge Frontpage Forum: Frontpage Bildwechsel bei Hyperlink 0 rOckY89 1594 27. Jun 2005, 22:34
rOckY89 Frontpage Bildwechsel bei Hyperlink
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: Access Tabellen