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, 21:39. Grund: Link zur FAQs-Seite
    FindeLinks.de - Kurzinfos mit Linkempfehlung
    Homepage-FAQs.de - seit Ende 2020 offline

    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 - seit Ende 2020 offline

          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.839   Beiträge: 430.423   Mitglieder: 28.593   Aktive Mitglieder: 54
                            Willkommen an unser neuestes Mitglied, digital-mc.

                            Online-Benutzer

                            Einklappen

                            214 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 211.

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

                            Die neuesten Themen

                            Einklappen

                            • arnego2
                              Antwort auf Besucher-Explosion am 10.4.2021
                              Hi Karl
                              Bei Google brauchst du gar nicht erst nachzuhaken, schau in die Serverstats da findest du die Rohdaten.
                              Google geht den Weg der Kirche und hält uns für doof....
                              Gestern, 23:02
                            • Nightland Driver
                              Antwort auf Upload Script gibt Undefined array key "file" zurück
                              Vielen Dank für deine Antwort, da liegt der fehler nicht. Wie oben zu erkennen ist, ist der name des inputs welcher den File enthält "file".
                              PHP-Code:
                              <?php echo '<input onchange="$(submit_profileimage).click();" name="file" type="file" class="custom-file-input
                              ...
                              Gestern, 21:01
                            • Megabyte
                              Antwort auf Hompage erstellen lassen?
                              Mein Fazit:

                              CMS wäre hier totaler Unsinn. CMS = ContentManagementSystem. Hier muss kein Content 'gemanagt' werden. Weder Firmenname, noch Anschrift oder angebotene Leistungen müssen hier intervalartig redaktionell bearbeitet werden.

                              Baukasten... B-Lösung. Ich kenne 'Wix'...
                              Gestern, 20:46
                            • Megabyte
                              Antwort auf Upload Script gibt Undefined array key "file" zurück
                              Wenn ich es richtig gelesen habe wird hier das Wort 'file' das erste Mal als 'key' verwendet:
                              $lastDot = strrpos($_FILES["file"]["name"], ".");

                              Es soll hier also die letzte Position ermittelt werden wo ein '.' steht inhalb der Variablen (Array) $_FILES["file"]["name"]...
                              Gestern, 20:26
                            • speedy1
                              Antwort auf Hompage erstellen lassen?
                              AW: Homepage erstellen lassen?

                              Ich habe mit dem Website-Builder Wix gute Erfahrungen gemacht, welcher auch ein gutes Preis-Leistungs-Verhältnis besitzt.

                              Die Vorteile:
                              - Einfach zu bedienender Editor, mit einem Seitenmenü zum Hinzufügen von Bildern und Anwendungen...
                              Gestern, 20:23

                            Die neuesten Beiträge

                            Einklappen

                            • admin
                              Besucher-Explosion am 10.4.2021
                              Hallo,

                              wir hatten am 10.4.2021 eine extrem hohe Zahl an Besuchern hier im Homepage-Forum - hier ein Screenshot von Google Analytics:



                              6.4.2021: 346 Seitenaufrufe
                              7.4.2021: 302 Seitenaufrufe
                              8.4.2021: 289 Seitenaufrufe
                              9.4.2021: 312 Seitenaufrufe...
                              12.04.2021, 17:18
                            • arnego2
                              Antwort auf Besucher-Explosion am 10.4.2021
                              Hi Karl
                              Bei Google brauchst du gar nicht erst nachzuhaken, schau in die Serverstats da findest du die Rohdaten.
                              Google geht den Weg der Kirche und hält uns für doof....
                              Gestern, 23:02
                            • Nightland Driver
                              Upload Script gibt Undefined array key "file" zurück
                              Hey,

                              ich habe mit meinem Upload Script ein kleines Problem, es gibt mir nurnoch

                              Warning: Undefined array key "file" in E:\Benutzer\Documents\Xampp\htdocs\Projekt\Homepag e\includes\user.inc.php on line 20
                              Warning: Trying to access array offset on value of type...
                              Gestern, 17:44
                            • Nightland Driver
                              Antwort auf Upload Script gibt Undefined array key "file" zurück
                              Vielen Dank für deine Antwort, da liegt der fehler nicht. Wie oben zu erkennen ist, ist der name des inputs welcher den File enthält "file".
                              PHP-Code:
                              <?php echo '<input onchange="$(submit_profileimage).click();" name="file" type="file" class="custom-file-input
                              ...
                              Gestern, 21:01
                            • Megabyte
                              Antwort auf Hompage erstellen lassen?
                              Mein Fazit:

                              CMS wäre hier totaler Unsinn. CMS = ContentManagementSystem. Hier muss kein Content 'gemanagt' werden. Weder Firmenname, noch Anschrift oder angebotene Leistungen müssen hier intervalartig redaktionell bearbeitet werden.

                              Baukasten... B-Lösung. Ich kenne 'Wix'...
                              Gestern, 20:46
                            • Megabyte
                              Antwort auf Upload Script gibt Undefined array key "file" zurück
                              Wenn ich es richtig gelesen habe wird hier das Wort 'file' das erste Mal als 'key' verwendet:
                              $lastDot = strrpos($_FILES["file"]["name"], ".");

                              Es soll hier also die letzte Position ermittelt werden wo ein '.' steht inhalb der Variablen (Array) $_FILES["file"]["name"]...
                              Gestern, 20:26
                            • speedy1
                              Antwort auf Hompage erstellen lassen?
                              AW: Homepage erstellen lassen?

                              Ich habe mit dem Website-Builder Wix gute Erfahrungen gemacht, welcher auch ein gutes Preis-Leistungs-Verhältnis besitzt.

                              Die Vorteile:
                              - Einfach zu bedienender Editor, mit einem Seitenmenü zum Hinzufügen von Bildern und Anwendungen...
                              Gestern, 20:23
                            • ST747
                              impfen oder schrott
                              A

                              nachdem wegen astraZ. das impfen ausgesetzt wurde, wird das jetzt wieder fortgesetzt. aber der grund ist, den impfstoff kann man leicher in den arztpraxen an "den mann" bringen.
                              nur so etwas zu empfehlen, weil man das besser in der praxis bewältigen kann, ist schlecht....
                              20.03.2021, 12:15
                            • ST747
                              Antwort auf impfen oder schrott
                              hallo,

                              zwei hinweise:

                              1. Ärzte empfehlen selbst die Hintergrundimmuniät zu stärken:

                              .... wichtig zum Schutz vor dem schweren Verlauf einer Infektion ist auch die "Hintgergrundimmunität". Dazu zählen z.B. eine ausreichend gute Vit D- Versorgung, Selen,
                              ...
                              GlaxoSmithKline plc (LSE/NYSE: GSK) und CureVac N.V. (Nasdaq: CVAC) veröffentlichen heute eine neue Kooperation über 150 Millionen Euro, die auf ihrer bestehenden Zusammenarbeit aufbaut. Ziel der Kooperation ist die Entwicklung von mRNA-Impfstoffen der nächsten Generation, die das Potential eines multivalenten Ansatzes gegen potenziell aufkommenden Virusvarianten in einem Impfstoff mit sich bringt.
                              Gestern, 14:47
                            • ST747
                              Antwort auf Besucher-Explosion am 10.4.2021
                              hallo admin,
                              ich bin bei alfahosting. da gibt es eine gute funktion.
                              man kann sich die umfangreiche serverstatistik anschauen.
                              da sieht man auch z.b. die bots.
                              gerhard...
                              Gestern, 13:38
                            Lädt...
                            X