Startseite Forum
Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:
Passwort vergessen? Benutzername vergessen?
Javascript Forum
Javascript
Ich suche ein Script

Automatischer Bildwechsel
(1 Leser) (1) Gast
Auf Thema antworten
Neues Thema
  • Seite:
  • 1
  • 2

THEMA: Automatischer Bildwechsel

Automatischer Bildwechsel 1 Jahr, 5 Monate her #9348

  • Ronny
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 7
  • Karma: 0
Hallo ich suche ein Script für einen Bildwechsel nach Datum.Also die Bilder sollen z.B. 4 Wochen von bis Datum zu sehen sein und danach wieder ausgeblendet werden.Zum Design im groben.
<center><h3 style="font-family:Verdana,Arial; font-weight:normal">Termine</h3>
   <img src="images/termine/weisswasser.gif" border="0"/> : <img src="images/termine/eisloewen.gif" border="0"/><p>
   Fr. 17.09.2010 19.30 Uhr<p>
   <img src="images/termine/eisloewen.gif" border="0"/> : <img src="images/termine/heilbronn.gif" border="0"/><p>
  So. 19.09.2010 18.00 Uhr<p>
   <img src="images/termine/kaufbeuren.gif" border="0"/> : <img src="images/termine/eisloewen.gif" border="0"/><p>
  Fr. 24.09.2010 19.30 Uhr<p>
  <img src="images/termine/eisloewen.gif" border="0"/> : <img src="images/termine/rosenheim.gif" border="0"/><p>
  So. 26.2010 18.00 Uhr<p>
  <img src="images/termine/ravensburg.gif" border="0"/> : <img src="images/termine/eisloewen.gif" border="0"/><p>
  Fr. 01.10.2010 20.00 Uhr<p>
  <img src="images/termine/eisloewen.gif" border="0"/> : <img src="images/termine/schwenningen.gif" border="0"/><p>
  So. 03.10.2010 18.00 Uhr<p>


Das ganze soll ein Terminkalender zur Ankündigung der nächsten 2 Wochen werden.
Also es sollen immer die nächsten 2 Wochen angezeigt werden und dannach nach oben rausfallen wenn das Datum rum ist.Hat da einer ne Idee wie man das machen kenn?Ich hab von PHP nicht den Plan das so um zu setzen.

gruß Ronny
Antwort Zitieren

Aw: Automatischer Bildwechsel 1 Jahr, 4 Monate her #9365

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Also mit PHP kenn ich mich leider nicht aus, aber ich könnte dir soetwas auch mit Javascript machen
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!
Antwort Zitieren

Aw: Automatischer Bildwechsel 1 Jahr, 4 Monate her #9366

  • Ronny
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 7
  • Karma: 0
Wenn du das mit Javascript machen kannst nehme ich auch gern das.Hatte das nur mit PHP probiert und bin zu keinen Ziel gekommen.

gruß Ronny
Antwort Zitieren

Aw: Automatischer Bildwechsel 1 Jahr, 4 Monate her #9372

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
Super

OK, dann musst du mir aber noch sagen, bei welchem Datum welche Bilder erscheinen sollen, damit ich das Javascript entsprechend einstellen kann.
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!
Antwort Zitieren

Aw: Automatischer Bildwechsel 1 Jahr, 4 Monate her #9373

  • trolly
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 3
  • Karma: 0
Hm, ich würde so was mit formStudio machen (www.wissen-kompakt.at/formstudio)

Wähl oben im Menü "Bild" und füg das Bild ein, wenn es noch nicht angezeigt werden soll (also erst bei einem bestimmten Datum) wähl die Checkbox vor "Bild unsichtbar". Klick auf Hinzufügen und klick auf "Scripts". Dort scroll zu "Aktuelles Datum" und klick auf "Aktuelles Datum".

Als nächstes schau in den Event-Editor und wähle bei "START" die Option "bei Wert". Da poppt dann ein Feld namens ID-WAHL auf, da stellst du "datum1" ein. die Bedingung lässt du auf == und im Textfeld daneben gibst du das Datum ein, ab dem das Bild angezeigt werden soll (zB 29.10.2010). Im Feld daneben, bei "AUSFÜHREN" wählst du die Option "Sichtbar" aus und als ID nimmst du "bil1", That's it!

Jetzt solltest du am 29.10 das Bild angezeigt bekommen. Wenn du das mit mehreren Bildern machst und auch die Option "Unsichtbar" wählst kannst du dir einen Bildwechsler basteln.
Antwort Zitieren

Aw: Automatischer Bildwechsel 1 Jahr, 4 Monate her #9377

  • Ronny
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 7
  • Karma: 0
Hallo also die Termine an dem die Bilder zu sehen sein sollen findest du hier . Ich wollte immer die nächsten 4 Wochen anzeigen lassen.Die Bilder heißen wie die Mannschaften als .gif .
Wenn es nicht allzu kompliziert ist brauchst du ja nicht alles machen,da reicht es wenn du so 1 Monat machst und den Rest würde ich zu ende machen.Wie gesagt ich hab keinen richtigen Anfang gefunden.

gruß Ronny
Antwort Zitieren

Aw: Automatischer Bildwechsel 1 Jahr, 4 Monate her #9378

  • Ronny
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 7
  • Karma: 0
Danke.Das werd ich auch mal probieren.Kann ja nicht falsch sein sich mehrere sachen anzusehen.Wer weiß,vielleicht braucht man es doch mal.
Antwort Zitieren

Aw: Automatischer Bildwechsel 1 Jahr, 4 Monate her #9393

  • Super_Mario
  • OFFLINE
  • Platinum Boarder
  • Beiträge: 623
  • Karma: 35
So, ich hab jetzt endlich Zeit gefunden, dir das Javascript zu erstellen

Und hier ist es:
<form name="Bildwechsel" id="8,20-8,30" action=""><img border="0" src="http://www.adresse-deiner-webseite.de/Bild1.gif" alt="" width="20" height="20"></form>
<form name="Bildwechsel" id="10,1-10,15" action=""><img border="0" src="http://www.adresse-deiner-webseite.de/Bild2.gif" alt="" width="20" height="20"></form>
<form name="Bildwechsel" id="7,6-7,6" action=""><img border="0" src="http://www.adresse-deiner-webseite.de/Bild3.gif" alt="" width="20" height="20"></form>
<form name="Bildwechsel" id="12,24-12,31" action=""><img border="0" src="http://www.adresse-deiner-webseite.de/Bild4.gif" alt="" width="20" height="20"></form>

<script type="text/javascript">
<!--
if(document.Bildwechsel)
{
var Zeitpunkt = (new Date()).getTime();
var dieses_Jahr = (new Date()).getYear();
var Durchlaeufe = document.Bildwechsel.length;
var eine_Form = Durchlaeufe<1;

if(dieses_Jahr<1900)
dieses_Jahr+=1900;
if(eine_Form)
Durchlaeufe++;

for(var i=0;i<Durchlaeufe;i++)
{
die_Form = eine_Form ? document.Bildwechsel:document.Bildwechsel[i];
with(die_Form.id)
var von_bis = new Array(substring(0,indexOf("-")),substring(indexOf("-")+1));
var Anzeigedaten = new Array();

for(var j=0;j<2;j++)
Anzeigedaten[j] = eval("new Date("+dieses_Jahr+","+von_bis[j]+")").getTime()+(j<1 ? 0:86400000);

if((Zeitpunkt<Anzeigedaten[0])||(Zeitpunkt>Anzeigedaten[1]))
die_Form.style.display = "none";
}
}
//-->
</script>

Das Javascript macht die Bilder, die an dem Tag nicht erscheinen sollen, unsichtbar. Dafür rechnet es die angegebenen Daten in Millisekunden um und überprüft, ob das heutige Datum (in Millisekunden umgerechnet) dazwischen liegt. Trifft das zu, bleibt das Bild sichtbar. Trifft es nicht zu, greift das Script auf die CSS-Formatierung des Formulars, in dem das Bild liegt, zu und setzt die CSS-Eigenschaft display auf "none" (= unsichtbar).

Um jetzt überhaupt für ein Bild festzulegen, dass es per Javascript ein- oder ausgeblendet wird, musst du ein Formular mit dem name "Bildwechsel" erstellen und das Bild da hineinpacken. In die id des Formulars schreibst du den Zeitraum Von-Bis, in dem das Bild erscheinen soll (kann z.B. auch 24. Dezember bis 24. Dezember sein, wenn es nur an einem Tag erscheinen soll). Hier musst du aber beachten, dass die Monatszählung in Javascript bei 0 beginnt; also steht 0 für Januar, 1 für Februar, 2 für März, etc.. Die Datumschreibweise ist mm:tt. Die einzelnen Zahlen der Daten werden mit einem , Beistrich voneinander getrennt und zwischen die beiden Von-Bis Datumangaben kommt ein - Bindestrich.
Beispiel: für 24. Dezember bis 30. Dezember schreibst du "11,24-11,30".

Hier hab ich jetzt schon so ein fertiges Formular mit Bild drin (Datumangabe ist rot markiert):
<form name="Bildwechsel" id="7,18-10,25" action=""><img border="0" src="http://www.adresse-deiner-webseite.de/Bild.gif" alt="" width="20" height="20"></form>

Dieses Beispiel lässt das Bild vom 18. August bis zum 25. November erscheinen. Statt dem Bild kannst du übrigens auch andere HTML-Elemente verwenden, falls du zum Beispiel einen Text für einen bestimmten Zeitraum anzeigen möchtest. Bei dem Javascript hab ich dir auch schon 4 fertige Beispiele mit Bild dazugegeben

Dieses Javascript funktioniert in allen Javascript und CSS unterstützenden Browsern. W3C valide ist es natürlich auch
liebe Grüße
Super Mario

Meine Webseite ist Mario & Luigis wunderbare Welt. Dort gibt es auch eine große Auswahl an kostenlosen und werbefreien Javascripts. Meine Javascripts laufen in vielen, bzw. allen Browsern und sind W3C valide!
Letzte Änderung: 1 Jahr, 4 Monate her von Super_Mario.
Antwort Zitieren

Aw: Automatischer Bildwechsel 1 Jahr, 4 Monate her #9395

  • Ronny
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 7
  • Karma: 0
Danke die,mal sehen ob das klappt was ich eingegeben habe.Bein Händischen ändern klappt soweit erstmal.
Antwort Zitieren

Aw: Automatischer Bildwechsel 1 Jahr, 4 Monate her #9404

  • Ronny
  • OFFLINE
  • Fresh Boarder
  • Beiträge: 7
  • Karma: 0
@ Super_Mario

funkioniert prima dein Script danke.Aber irgendwie will das mit Firefox nicht so recht funktionieren.
Ich hab das mit allen möglichen Browsern probiert und im Firefox zeit es garnichts an oder alle Termine ohne die Vergangenen aus zu blenden.Bin ich zu doof Firefox ein zu stellen oder an was kann das liegen?

gruß Ronny
Antwort Zitieren
Auf Thema antworten
Neues Thema
  • Seite:
  • 1
  • 2
Javascript Forum
Javascript
Ich suche ein Script
Powered by Kunena
Ladezeit der Seite: 0.54 Sekunden

Login

Aktuell im Forum

mehr