Ankündigung

Einklappen
Keine Ankündigung bisher.

Bildwechsel bei Mousover in der Navigationsleiste!

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Bildwechsel bei Mousover in der Navigationsleiste!

    Hallo,

    also ich habe z. B. eine Navigationsleiste auf der linke Seite meiner Page und ein Bild auf der rechten Seite. Jetzt möchte ich, das jeder Navigationspunkt sein eigenes Bild hat, welches dann auf der rechten Seite angezeigt wird, und somit auch von Navigationspunkt zu Navigationpunkt wechselt. Wie kann ich das machen?

    Ich hoffe man konnte es verstehen:-)

    Gruß
    Progger83
    ===========================
    Es gibt viel zu tun! Packen wir´s an!
    ===========================

  • #2
    Du könntest z.B. bei OnMouseover den Quellpfad für die Datei ändern:

    JavaScript: images.src

    Kommentar


    • #3
      Jetzt hab ich das problem das ich nicht weis wie ich das umsetzten kann!?

      Bild als Button - soweit klar - beim mouseover bild wechseln (nicht das Bild des Buttons, sondern das Bild was unabhängig davon in der rechte Spalte seinen Platz hat!!!!) - unklar!!!!

      Ich weiß nicht wie mir da dein Tip helfen soll. Das eine hat ja "nicht direkt" was mit dem anderen zu tun, oder?

      Gruß

      Progger!
      ===========================
      Es gibt viel zu tun! Packen wir´s an!
      ===========================

      Kommentar


      • #4
        Zitat von Progger83
        Ich weiß nicht wie mir da dein Tip helfen soll. Das eine hat ja "nicht direkt" was mit dem anderen zu tun, oder?
        Naja, Bildwechsel ist Bildwechsel. Ob nun in der rechten oder der linken Spalte. :?
        Musst den Namen für das Bild nur mit angeben!

        Und fallst du Frames benutzt, musst du auch noch den Frame mit angeben.

        JavaScript:frames

        Kommentar


        • #5
          Ich glaub wir reden aneinander vorbei:

          Ich führe mein Problem mal etwas genauer aus:
          Ich habe mit Photoshop mein Layout erstellt. Jetzt hab ich auf der linken Seite einen Grafikbalken, der als Navigationsleiste dient. Auf dieser Navigationsleiste habe ich vier Buttons untergebracht. Auf der linken Seite meines Layouts hab ich nun ein Bild positioniert auf dem ein Telefon abgebildet ist. Davon hab ich vier Exemplare erstellt jedoch mit unterschiedlichen Motiven! (Haus = Startseite, Kontakt=Telefon, etc.) Wenn ich nun das Layout zerschneide, so dass ich es in meinem Editor bearbeiten kann, möchte ich wenn ich den Button -Kontakt- hover, das sich das Bild von einem Haus (Haus = Startseite) in das Motiv (Bild!) mit dem Telefon wechselt! Der Button in der Navigationsleiste bleibt unverändert!

          Wenn du genau das gemeint hast, mit deinem Vorschlag, tut es mir leid, aber dann musst du es mir ein wenig genauer erklären:-) Sorry!

          Gruß

          Progger83
          ===========================
          Es gibt viel zu tun! Packen wir´s an!
          ===========================

          Kommentar


          • #6
            Naja, du kannst mit JavaScript ja direkt bestimmt Bilder ansprechen!
            Sollte also doch kein Problem sein, bei dem OnMouseOver-Effekt dieses bestimmte Bild anzusprechen:

            Zitat von SelfHTML
            Grafikobjekte können Sie auf zwei Arten ansprechen:
            • mit einer Indexnummer (wie in Schema 1 / Beispiel 1)
              Bei Verwendung von Indexnummern geben Sie document.images an und dahinter in eckigen Klammern, die wie vielte Grafik in der Datei Sie meinen. Jede Grafik, die in HTML mit dem <img>-Tag notiert wurde, zählt. Beachten Sie, dass der Zähler bei 0 beginnt, d.h. die erste Grafik sprechen Sie mit images[0] an, die zweite Grafik mit images[1] usw. Beim Zählen gilt die Reihenfolge, in der die <img>-Tags in der Datei notiert sind.
            • mit dem Namen der Grafik (wie in Schema 2 / Beispiel 2)
              Dabei geben Sie mit document.BildName den Namen an, den Sie bei der Definition der Grafik im einleitenden <img>-Tag im Attribut name= angegeben haben.

            http://selfhtml.teamone.de/javascrip...kte/images.htm
            Da ich selber aber kein JavaScript programmiere, musst dir den Rest schon selbst zusammen basteln! :mrgreen:

            Kommentar


            • #7
              Erstmal Danke für deine Mühen!

              Das hab ich jetzt soweit verstanden, nur kann ich damit mein Problem irgendwie nicht beseitigen, da ich ja den Button und das Bild in zwei unterschiedlichen Zeilen bzw. Spalten stehen habe!
              Ich zerschneide ja mein Bild mit Photoshop und füge die einzelnen Bilder dann mit meinem Editor in eine Tabelle ein!

              Weisst du wie ich mein?

              P.S: Kann man das vielleicht auch mit PHP lösen? IF THEN- Funktion vielleicht?

              Und Danke nochmal!!!

              Gruß
              Progger83
              ===========================
              Es gibt viel zu tun! Packen wir´s an!
              ===========================

              Kommentar


              • #8
                Zitat von Progger83
                nur kann ich damit mein Problem irgendwie nicht beseitigen, da ich ja den Button und das Bild in zwei unterschiedlichen Zeilen bzw. Spalten stehen habe!
                Warum das den? :shock:
                Wenn du das Bild per Namen ansprichst, kann es doch überall auf der Seite stehen!
                Der Name muss halt nur eindeutig sein!

                Viel Spass noch beim Tüffteln! Ich für meinen Teil gebe es auf! :?

                Kommentar

                homepage-forum.de - Hilfe für Webmaster! Statistiken

                Einklappen

                Themen: 57.203   Beiträge: 432.325   Mitglieder: 29.596   Aktive Mitglieder: 49
                Willkommen an unser neuestes Mitglied, BillyTig.

                Online-Benutzer

                Einklappen

                685 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 681.

                Mit 4.707 Benutzern waren am 12.01.2023 um 03:07 die meisten Benutzer gleichzeitig online.

                Die neuesten Themen

                Einklappen

                • bodan
                  Bard - Googles Antwort auf ChatGPT geht ins Rennen
                  Try Bard and share your feedback Mar 21, 2023 - so der Aufruf vor wenigen Stunden.

                  und weiter: We’re starting to open access to Bard, an early experiment that lets you collaborate with generative AI. We're beginning with the U.S. and the U.K., and will expand to more countries and languages...
                  22.03.2023, 23:20
                • daggel
                  Eine horizontale Linie mit <hr> in css als bild mit wiederholung anzeigen?
                  Hallo,

                  ich bin neu hier und Webseiten-Anfänger. Trotzdem möchte ich in einem HR-Tag mit Css ein Bild anzeigen, dass nur horizontal über die gesamte Seite wiederholt wird.
                  HTML-Code:
                    <!--<div id="bild2">      
                  <img src="..\Bilder\TrennungTranparentQuer.jpeg">
                  ...
                  22.03.2023, 15:44
                • bodan
                  CloudFest Hackathon 2023 noch bis 23 März- mit innovativen Projekten
                  Hi liebe Homepage-Foren-Feunde,


                  hier ein kurzer Hinweis auf das CloudFest 2023

                  wie immer gibts eine Fülle von Angeboten am Fest. Da ist ganz ganz viel dabei!
                  ...unter anderem auch mit innovativen WordPress-Projekten: VS Code-Erweiterung für In-Browser-Entwicklung...
                  21.03.2023, 12:41
                • PatX
                  Design Hilfe zu einer Form die ein PHP Script triggert
                  Ich würde mich über eure Meinung zu dem folgenden Szenario freuen:

                  Ich möchte ein Formular einrichten, das im Wesentlichen die folgenden Schritte triggert:
                  - Ein PHP-Skript ausführen
                  - Formulardaten in die WordPress-Datenbank meiner Website speichern
                  - KEINE anderen...
                  21.03.2023, 07:20
                • Reservespieler
                  Website pflegen
                  Ein freundliches Hallo an alle,
                  Ich würde gerne von meinem Verein die Pflege der Website übernehmen da es auch einige Vorteile als aktives Mitglied hat. Das Problem ist nur das ich überhaupt keine Ahnung davon habe.
                  Daher hier meine Frage:
                  Wie funktioniert sowas und was muss ich...
                  18.03.2023, 16:48

                Die neuesten Beiträge

                Einklappen

                Lädt...
                X