Ankündigung

Einklappen
Keine Ankündigung bisher.

Bilder hovereffekt

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

  • Bilder hovereffekt

    Heyho,

    irgendwie steh ich gerade aufm schlauch, ich weiß, wie ich nen hover mit hintergründen mache, aber wie mach ich es nochmal, wenn ich einfach so nen hover haben möchte? javascript will ich nicht nur mit CSS.

    Gruß
    Wishu
    Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
    Wishu-Blog | Wishu.de | WishuLoad

  • #2
    AW: Bilder hovereffekt

    Hallo,

    ist an sowas gedacht?

    http://aktuell.de.selfhtml.org/artikel/css/mouseover/

    sonst genauer beschreiben. Auch hier auf meiner FAQs-Seite

    http://www.homepage-faqs.de/index.ph...p1-index-a-z#m

    bei Mouseover schauen.

    danie5959
    Zuletzt geändert von daniel5959; 28.10.2007, 22:39. Grund: Link zur FAQs-Seite
    FindeLinks.de - Kurzinfos mit Linkempfehlung
    Homepage-FAQs.de - bleibt als Archiv online

    Kommentar


    • #3
      AW: Bilder hovereffekt

      ich weiß ja nicht ob du schonmal auf meiner HP warst, aber soetwas beheersche ich, es geht mir daraum mit dem img tag eingefügte bilder umzutauschen und nicht die hintergrundbilder. ist des mit CSS nicht möglich?

      Gruß
      Wishu
      Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
      Wishu-Blog | Wishu.de | WishuLoad

      Kommentar


      • #4
        AW: Bilder hovereffekt

        Es geht nur mit background-images.
        Code:
        .xxx{ background:url(xxx); float:left; display:block; width:xxxpx; height:xxxpx; }
        .xxx a:hover { background:url(xxx); }

        Kommentar


        • #5
          AW: Bilder hovereffekt

          Hallo,

          @Wishu: Ingo hat ja auch einen Bildwechsel, siehe

          http://www.1ngo.de/web/bildwechsel.html

          da ist auch von Hintergrundgrafik die Rede, aber warum stört denn das?

          Sonst bleibt wohl nur Javascript, es sei denn Ingo hat da noch etwas in der Hinterhand.

          daniel5959
          FindeLinks.de - Kurzinfos mit Linkempfehlung
          Homepage-FAQs.de - bleibt als Archiv online

          Kommentar


          • #6
            AW: Bilder hovereffekt

            es stört mich weil man hintergrundgrafiken schlecht auf hintergrundgrafiken platzieren kann... ich will nicht unbedingt immer für alles nen extra div machen.
            Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
            Wishu-Blog | Wishu.de | WishuLoad

            Kommentar


            • #7
              AW: Bilder hovereffekt

              Moin!

              Mach es doch so, wie hier!

              Ansonsten präzisieren!

              MfG Speedy

              Kommentar


              • #8
                AW: Bilder hovereffekt

                Hi,
                Zitat von Wishu Beitrag anzeigen
                ich will nicht unbedingt immer für alles nen extra div machen.
                wer hat Dir denn zu DIVs geraten? Wo willst Du denn Grafiken austauschen? In Deiner Navigation? Dann solltest Du diese vernünftig als Liste auszeichnen und kannst meinen Bildwechsel-Tipp verwenden.

                Schau Dir Deine Navigation mal ohne CSS an und dann im Vergleich http://de.selfhtml.org/css/layouts/a...v_vertikal.htm

                Gruß
                Ingo
                Ingo Webdesign

                Kommentar


                • #9
                  AW: Bilder hovereffekt

                  gut jetzt nochmal so, dass es eigentlich alle verstehen müssten. sagen wir mal man geht auf Bilder von mir. das erste Bilder ist ja ein Bild welches mit Img Tag eingefügt wurde. Wenn ich jetzt mit der Maus drüber fahre, soll ein anderes bild erscheinen. so wie man es halt mt javascript machen kann.
                  Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
                  Wishu-Blog | Wishu.de | WishuLoad

                  Kommentar


                  • #10
                    AW: Bilder hovereffekt

                    Zitat von Wishu Beitrag anzeigen
                    Wenn ich jetzt mit der Maus drüber fahre, soll ein anderes bild erscheinen. so wie man es halt mt javascript machen kann.
                    So gehts:
                    HTML-Datei:
                    Code:
                    <a id="wechselbild" href="index.html"></a>
                    CSS-Datei:
                    Code:
                    #wechselbild a:link {background-image:url(diesbild.jpg); } 
                    #wechselbild a:hover {background-image:url(dasbild.jpg); }
                    MfG Speedy

                    Kommentar


                    • #11
                      AW: Bilder hovereffekt

                      du verstehst nicht dass ich das schon kann oder? ich will nicht das hintergrundbild ändern sondern das vordergrundbild(komisches wort) alsi das bild, welches per <img src="xxx"/> eingefügt wurde...
                      Aber ich geh jetzt mal davon aus, dasses nicht geht. trotzdem danke.
                      Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
                      Wishu-Blog | Wishu.de | WishuLoad

                      Kommentar


                      • #12
                        AW: Bilder hovereffekt

                        Hallo,

                        Ich weis ja nicht aber evtl. könnte man da was machen mit der content angabe von CSS.
                        Also etwas in dem Stil:
                        HTML:
                        HTML-Code:
                        <a href="#" class="bildchen"><img src="bild.png" alt="bild"></a>
                        CSS:
                        Code:
                        .bildchen a:hover:before {
                        content: "<img src=\"hover.png\" alt=\"bild\">";
                        }
                        Code wurde nicht getestet!
                        Nur müsste man dann irgendwie das alte bild noch wegputzen. Und dass kann man endgültig nicht.
                        Man kann es also nicht zu 100% Realisieren.

                        Kommentar


                        • #13
                          AW: Bilder hovereffekt

                          Hi,
                          Zitat von [ASTERIX] Beitrag anzeigen
                          Code wurde nicht getestet!
                          würde so auch nicht funktionieren, da "generated text" erwartet wird, also uri und kein HTML-Code.

                          Gruß
                          Ingo
                          Ingo Webdesign

                          Kommentar


                          • #14
                            AW: Bilder hovereffekt

                            Ja, dachte mir schon das das so nicht klappt. War ja ein versuch wert...

                            Kommentar

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

                            Einklappen

                            Themen: 56.735   Beiträge: 429.427   Mitglieder: 28.490   Aktive Mitglieder: 41
                            Willkommen an unser neuestes Mitglied, KoaLa13bfp.

                            Online-Benutzer

                            Einklappen

                            284 Benutzer sind jetzt online. Registrierte Benutzer: 5, Gäste: 279.

                            Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

                            Die neuesten Themen

                            Einklappen

                            Die neuesten Beiträge

                            Einklappen

                            Lädt...
                            X