Farbe einer Homepage dynamisch Wechseln


  • Z@Zs
  • 1342 Aufrufe 3 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Farbe einer Homepage dynamisch Wechseln

    Hallo

    Ich hab mit Photoshop ne Homepage erstellt. Diese besteht aus 4 Teilen (linke seite - rot, rechte seite - rot, banner - rot und content bereich)
    Nun würde ich gerne das ganze so machen das der benutzer, wenn er z.b auf irgendein feld/text/link klickt das sich die linke und rechte seite und das banner blau verfärben (nur die contentbox sollte gleich bleiben)

    ich hab schonmal folgenden code gefunden:

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <script language="JavaScript">
    4. <!--
    5. function HintergrundbildWechseln(Hintergrundbild)
    6. {
    7. document.getElementsByTagName('body')[0].background = Hintergrundbild;
    8. }
    9. //-->
    10. </script>
    11. <title>Hintergrundbild einer Webseite dynamisch wechseln</title>
    12. <body background="hintergrund1.gif">
    14. <a href="javascript:HintergrundbildWechseln('hintergrund1.gif');"><b>Blauer Hintergrund</b></a><br>
    15. <a href="javascript:HintergrundbildWechseln('hintergrund2.gif');"><b>Roter Hintergrund</b></a>
    17. </body>
    18. </html>
    Alles anzeigen


    doch dieser ändert nur den hintergrund

    kann mir jemand von euch helfen?
    schonmal danke
    bye

  • du kannst z.B. dem img tag des banners eine id geben, und zwar z.B. so:

    Quellcode

    1. <img id="meinBanner" src="bild1.jpg">


    dann kannst du mit JavaSCRIPT (java is was völlig anderes) das bild ändern, und zwar z.B. so:

    Quellcode

    1. <script>
    2. function wechsleBild () {
    3. if (Document.getElementById('meinBanner').src = "bild1.jpg")
    4. Document.getElementById('meinBanner').src = "bild2.jpg";
    5. else
    6. Document.getElementById('meinBanner').src = "bild1.jpg";
    7. }
    8. </script>


    wenn du jetzt die funktion wechsleBild aufrufst, dann wird das Bild immer durch das jeweils andere ausgetauscht.

    PS: ich kann eigentlich kein Javascript, und das DOM beherrsche ich auch nicht, aber es sollte trotzdem im Großen und Ganzen funktionieren.
    [COLOR="Green"]"A dream you dream alone is only a dream. A dream you dream together is reality"[/color]

    John Lennon

    [SIZE=1],,,[/SIZE][SIZE=1]*&#801;&#844;l&#801;*,,,,,,,,,,&#801;&#801; &#801;&#820;&#305;&#820;&#820;&#801; ,,,,,,,,,*&#801;&#844;l&#801;*,,,,,,,,,,*&#801;&#844;l&#801;*&#801;&#801; &#801;&#820;&#305;&#820;&#820;&#801; &#801;&#801;&#865;|&#818;&#865;&#818;&#865;&#818;&#865; &#818;&#9643;&#865;&#818; &#818;&#865;&#818;&#865;&#818;&#960;&#818;&#865;&#818;&#865; &#818;&#865;&#818;&#9643;&#818;&#865;&#818;&#865; &#818;|&#801;&#801;&#801; &#801; &#801;&#820;&#305;&#820;&#801;&#801; *&#801;&#844;l&#801;*_,,,,,,,,&#801;&#801; &#801;&#820;&#305;&#820;&#820;&#801; ,,,,,,,,*&#801;&#844;l&#801;*,,[/SIZE][SIZE=1],,,[/SIZE][SIZE=1],,,,,,&#801;&#801; &#801;&#820;&#305;&#820;&#820;&#801; ,[/SIZE][SIZE=1],,[/SIZE]
    [SIZE="1"][COLOR="Purple"]Up 1[/color][/SIZE] [SIZE="1"] [COLOR="Olive"]Up 2_The_Beatles_Red_Album[/color][/SIZE]

  • hm, wenn ich das so mache wie du sagst, wird bei mir leider zb das blaue banner angezeigt
    aber ich kann nicht auf das z.b rote banner wechseln
    außerdem möchte ich ja nicht nur das banner ändern sondern auf einen klick gleiche alle 3, 4 Bilder...