1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

mouseover Effekt für Standard-Galerie

Dieses Thema im Forum "Design" wurde erstellt von Guschtl, 1. Februar 2013.

  1. Guschtl

    Guschtl Member

    Registriert seit:
    1. Februar 2013
    Beiträge:
    5
    Zustimmungen:
    0
    Hallo,

    ich bin Fotograf und betreibe eine Fotoseite mit Wordpress 3.5.1.
    Meine Fotos stelle ich mit der Standard-Galerie von Wordpress dar.

    Ich würde nun gerne einen mouse-over effekt für die Gallery einbauen.
    Und zwar soll beim "über das Bild fahren" ein Spotmesskreis und AF-Punkte über dem Thumbnail eingeblendet werden. Ich habe mir gedacht, ich würde ein transparentes png erstellen, und ein Plug-In (oder so) würde mir diese Funktion ermöglichen. Leider habe ich kein passendes Plug-In gefunden.

    Am liebsten wäre es mir, wenn ich diesen Effekt speziellen Galerien zuweisen könnte. Also nicht global für alle.


    Hier mal ein Beispiel zur Verdeutlichung: http://www.digital-artistry.de/people/
    Nur wird dort "nur" ein Fadenkreuz eingeblendet, ich hätte aber gernen einen Spotmesskreis oder das 1D-Oval von Canon.


    Für jeden Tipp dankbar!
     
    #1 Guschtl, 1. Februar 2013
    Zuletzt bearbeitet: 1. Februar 2013
  2. Guschtl

    Guschtl Member

    Registriert seit:
    1. Februar 2013
    Beiträge:
    5
    Zustimmungen:
    0
  3. BumbleBee

    BumbleBee Well-Known Member

    Registriert seit:
    7. November 2010
    Beiträge:
    213
    Zustimmungen:
    0
    Steht doch alles auf der Seite!


    Das ist jetzt die Version nur über CSS3:
    Code für die Style.css:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Und dann bindest Du Bilder über diesen Code ein:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Bei dem Code für die style.css muss man auf die Werte von Höhe und Breite achten, da man die dem eigenen Theme anpassen muss!

    Und der Code zum einbinden in den Artikel, kannst Du so über den Editor im HTML-Modus eingeben!
     
    #3 BumbleBee, 2. Februar 2013
    Zuletzt bearbeitet: 2. Februar 2013
  4. Guschtl

    Guschtl Member

    Registriert seit:
    1. Februar 2013
    Beiträge:
    5
    Zustimmungen:
    0
    Hallo,

    mir ist klar, dass ich den CSS-Teil in meine CSS kopiere.
    Aber wie bekomme ich das <span class="rollover" ></span> in die Galerie rein?
    Ich vermute, genau darüber wird der Efekt getriggert, oder?

    im texteditor (einen HTML-editor sehe ich nicht) steht für eine typische gallery bei mir sowas:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    WP macht daraus dann folgenden HTML:
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Aber wie bekomme ich da das
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    vor <img rein?
     
  5. BumbleBee

    BumbleBee Well-Known Member

    Registriert seit:
    7. November 2010
    Beiträge:
    213
    Zustimmungen:
    0
    Artikel oder Seite der Gallerie aufrufen! Bearbeiten, auf HTML-Modus gehen.

    Anstatt [gallery] (oder wie auch immer Du Deine Galerie aufrufst) gibst Du eben das ein:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden