CSS Zoom

    Hallo,

    ich möchte gerne, das wenn ich mit der Maus über ein Bild fahre, in dieses Hineingezoomt wird. Jedoch ohne das dass eigentliche Bild größer wird.
    Ich habe das bis jetzt mit dem Scale Befehl gemacht, jedoch wird dort das ganze Bild gezoomt. Gibt es irgendeine möglichkeit, das ganze zu realiseren?!
    Ich kenne mich nicht sehr gut mit CSS aus und hoffe deshalb auf Eure Hife.

    Freue mich auf Antworten.

    MfG
    Lukas

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Danke für deine Antwort Daniel!

    Ich habe jetzt einfach das ,, .item" gegen meine CSS class:,, .vc_custom_1519236504257" getauscht und die Rahmen und Schattierungen entfernt, sowie die Breite. Jedoch funktioniert es nicht. Muss ich da sonst noch was beachten? Den HTML Text muss ich ja auch nicht übernehmen oder?

    Gruß Lukas

    Zitat von lukas_wp

    Den HTML Text muss ich ja auch nicht übernehmen oder?

    Doch, wie gesagt:

    Zitat von danielgoehr

    Du kannst z.B. das Bild mit einem "Wrapper" (z.B. ein div) umschließen ...

    Dieser Wrapper ist dazu da, den "überstehenden" Teil deines gezoomten Bilds via "overflow:hidden" optisch "wegzuscheiden".

    Du kannst das Beispiel so auch nicht direkt übernehmen, sondern musst das Prinzip verstehen und es dann auf deine Seite übertragen/anwenden.

    Okay gut, vielen Dank für deine Antwort.

    Ich werde mich nochmal konkret mit dem Thema auseinandersetzen, vielleicht verstehe ich das dann auch. Trotzdem vielen Dank für deine Hilfe!

    Gruß Lukas

    Zitat von lukas_wp

    Okay gut, vielen Dank für deine Antwort.

    Ich werde mich nochmal konkret mit dem Thema auseinandersetzen, vielleicht verstehe ich das dann auch. Trotzdem vielen Dank für deine Hilfe!

    Gruß Lukas

    Gerne. Ich würde dir auch gern eine einfachere Lösung vorschlagen. Mir ist aber leider keine bekannt...

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden