Bilder täglich zu einer bestimmten Zeit tauschen?

[DerPhil]

Hallo zusammen!

Suche eine Möglichkeit jeden Tag zu einer bestimmten Zeit ein Bild auszutauschen.

Also um genau zu sein, ich möchte das Bild einer Skyline bei Tag, abends gegen eins bei Nacht tauschen.

Hab leider gar keine Ahnung von Javascript aber es müsste machbar sein.

Die bilder befinden sich ein einer Tabelle und sind je 320 * 72 Pixel groß.

Wär super, wenn mir jemand helfen könnte! Schon mal ein riesen DANKESCHÖN!

Gruß DerPhil

 

[fhr]

da hilft nur googlen ...

also es ist per JavaScript möglich Bilder zu tauschen. Und es ist möglich die Systemzeit aus zulesen ....

und das sind ja eingentlich die beiden Faktoren die du brauchst.....

musst halt mal im Internet nachschauen...

wenn ich Zeit hab, such ich mal im Netz was passendes.....

 

[Sven Mintel]

Hallo....

<script type="text/javascript">
<!--
now = new Date().getHours();
bild=(now>5&&now<18)?'guten_tag.jpg':'gute_nacht.jpg';
document.write('<img src="'+bild+'"width="320"height="72">');
//-->
</script>
<noscript><img src="guten_tag.jpg"width="320"height="72"alt=""></noscript>

....das Ganze muss dorthin, wo sonst das Bild steht.

Die Bildernamen musst du wahrscheinlich noch anpassen....
die Nacht geht dabei von 18:00 bis 5:59...auch das kannst du natürlich ändern.

 

[DerPhil]

Bild richtig einpassen

Dank erstmal!

Funktioniert wunderbar, nur lässt sich das Bild nicht genau in den Rahmen der Tabelle einpassen. Es bleibt immer ein etwa 2 Pixel großer Abstand unter dem Bild zu sehen.

<div align="center">
        <center>
        <table border="0" cellspacing="0" width="100%" cellpadding="0"                        id="AutoNumber21" height="72">
          <tr>
            <td width="320" height="72">&nbsp;</td>
            <td width="33%" height="72">&nbsp;</td>
            <td width="320" height="72">
            <script type="text/javascript">
<!--
now = new Date().getHours();
bild=(now>5&&now<18)?'images/skydd.jpg':'images/skyddnight.jpg';
document.write('<img src="'+bild+'"width="320"height="72">');
//-->
            </script>
            <noscript><img src="images/skydd.jpg" width="320" height="72" alt>
            </noscript></td>
          </tr>
        </table>
        </center>
      </div>
      </td>
    </tr>
  </table>

Bin völlig ratlos.

 

[Fabian H]

<td width="320" height="72">
<script type="text/javascript">

wird zu:
<td width="320" height="72"><script type="text/javascript">


/////////////

</script>
<noscript><img src="images/skydd.jpg" width="320" height="72" alt>
</noscript></td>

wird zu:
</script><noscript><img src="images/skydd.jpg" width="320" height="72" alt></noscript></td>

Ps: Für denen Code zur Übersicht am besten [code]-Tags benutzen.