Bild-Mouseover? Anfänger :(

    Hallo zusammen,

    ich glaube, es ist fast eine peinliche Frage- aber ich brauche unbedingt Hilfe. Ich gestalte gerade eine Homepage mit ZP. Ich genieße dieses Programm, weil man-eigentlich- ohne Programmsprache auskommt.

    Nun würde ich gern ein Bild-Mouseover einfügen. Ich habe schon sämtliche Codes irgendwo kopiert und die Bildernamen ausgetauscht (wohl falsch..) es erscheint immer nur ein kleines X. Es klappt einfach nicht. Es soll nur von Grau zu Bunt werden. Bzw von einem zum anderen Bild und wieder zurück, wenn die Maus drauf und wieder weg geht.

    Ich habe die Software noch nicht gekauft, stehe aber kurz davor- sobald ich alles ausgetestet habe, was ich benötige. Oder hapert es daran?

    Vielen Dank für jeden Tip :)

    Viele Grüße:)

    Was ist ein "Bild-Mouseover". Beschreiben Sie die Funktion bitte.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo,

    vielen Dank für die schnellen Antworten.

    Quasi ein graues Bild- wenn man mit der Maus drüber fährt wird es bunt (quasi das 2. Bild). Verlässt die Maus das Bild, wird es wieder grau.

    Ligrüs

    Ah, ok, verstehe. Ein solches Widget haben wir selbst nicht im Programm. Das müsste also per HTML-Quelltext gelöst werden, wofür wir von Zeta aber hier keinen Support bieten können. Aber da helfen oft die anderen Nutzer weiter. Siehe die Antwort von Mario.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo FFPJN,

    gehe zu Einstellungen > CSS und gib dort folgendes ein:

    Code
    <style>.bildgrau {filter: grayscale(1);transition: all 0.2s ease;}.bildgrau:hover {filter: grayscale(0);}</style>

    Nun fügst du das Widget Bild ein und gehst im Widget unten links auf das Mischpult und anschließend auf MEHR.

    Hier trägst du unter CSS-Klasse folgendes ohne die Gänsefüßchen ein: "bildgrau" 

    Hier ein BEISPIEL

    Ich werd verrückt!!! Es hat geklappt- endlich. TAUSEND Dank!!!! Ich habe echt ewig gesucht... Danke danke danke danke !!

    Funktioniert das auch mit 2 Bildern? Dass ich zb ein BUntes Bild habe und eines, wo nur ein Teil bunt ist und wenn man über das bunte bild "ährt", wird nur der eine Teil bunt (also das 2. Bild erscheint quasi).

    Ich freu mich echt gerade so- Danke !!!!:thumbup::thumbup::thumbup::thumbup::thumbup::thumbup::thumbup::thumbup::thumbup::thumbup::thumbup:

    Die Seite ist echt super, ist das Ihre?
    Die hatte ich via Google auch gefunden und war total begeistert. Mir fehlt halt das Wissen übre die Programmiersprache- die werde ich mir mal in den Grundzügen aneignen, sobald meine Tochter aus dem Gröbsten raus ist und ich die Zeit habe :)

    Das war nämlich mit ZP auch das Problem, wie sage ich ihm "woher" er das Bild nehmen soll.. ich speichere meine Bilder auf einer Externen und ZP die Bilder ja per "Importierte" Bilder- da wusste ich eben nicht, wie ich die Verknüpfung herstellen kann.

    Manche Effekte von der Seite finde ich so unfassbar klasse.. wenn ich es könnte, würde ich sie integrieren. Wie beispielsweise die ganzen hover Effekte...:S


    Vielen Dank!

    Wollte mal nachfragen ob es heute einen Mouse Over Effekt für Bilderwechsel gibt, also beim mit der Maus über ein Bild fahren, das dann ein anders erscheint. Mit den heutigem Speed und entsprechen kleineren Bildern sollte dies evtl. funktionieren.

    Besten Dank für ein Update.

    Gruß

    Paul

    Habe den Img Flip eingebaut, sehr zur Freude der Autraggeber (Meine Familie :)

    Da die Seite zu über 80% mit Desktop Rechnern angesehen wird, stellt sich die Frage, ob die Bilder nicht auch grösser angezeigt werden können. In unserer Region die für die Seite in Frage kommt, gibt es ausschliesslich High Speed Internet, auch im mobile Breich der eh nur 20% ausmacht, so sollte der Preload also kein Thema sein. Gibts noch eine Img Flip für grössere Bilder?

    Gruß

    Paul

    Hallo Paul,

    im Widget unter Einstellungen die Maximale Bildgröße ändern dann gehen auch große Bilder.

    Möchtest du große und kleine Bilder nehmen sollten auch 2 Widgets gehen auf der selben Seite.

    Gruß Maik

    Win 11

    Zeta Producer, Version 16.7 Business

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden