WebSite X5Help Center

 
Joachim N.
Joachim N.
User

Mouse Over-Effekt bei Bildern im svg-Format  de

Auteur : Joachim N.
Visité 727, Followers 1, Partagé 0  

Ich habe einen Button im svg-Format und möchte einen Mouse Over-Effekt einfügen. Das Menü für das Bildobjekt - Punkt "Anzeige" - lässt sich jedoch nicht auswählen. Funktioniet das nur mit all den anderen Bildformaten oder gibt es da eine Lösung?

Posté le
13 RéPONSES - 1 UTILES
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Du meinst das hier geht bei dir nicht? Oder schon der Reiter "Anzeigen" geht nicht anklicken?

Möglicherweise ist ein Update schief gelaufen!  ICh würde mir hier im Forum die aktuelle Version runterladen und drüberinstallieren.  Oder vorher deinstallieren das Programm und dann das neue installieren.

Lire plus
Posté le de Andreas S.
Joachim N.
Joachim N.
User
Auteur

Der Reiter ist grau und lässt sich nicht anklicken.

Lire plus
Posté le de Joachim N.
Joachim N.
Joachim N.
User
Auteur

Ich halte das Programm immer mit den neuesten Updates aktuell. Glaube nicht, dass es daran liegt.

Lire plus
Posté le de Joachim N.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Es muss aber an einer fehlerhaften Installation oder einem Windowsfehler liegen.  Eine Testversion von WSX5 hast du nicht installiert, oder? 

Lire plus
Posté le de Andreas S.
Joachim N.
Joachim N.
User
Auteur

Also nein - ich habe WebSite X5 Pro - schon seit Jahren. Hast du es bei dir denn schon mal getestet? Mit den "normalen" Dateiformaten wie png oder jpg funktioniert es bei mir ja auch einwandfrei. Wenn es bei dir klappt, wüsste ich, dass der Fehler irgendwo bei mir liegen muss. Würde mir ja auch schon helfen.

Lire plus
Posté le de Joachim N.
Daniel W.
Daniel W.
User

Habe es gerade mal getestet.

Auch bei mir wird der Reiter "Anzeige" grau, wenn ich ein Bild im SVG-Format auswähle, aber wenn ich bei den kostenlosen Bildern (Pixabay) "svg" eingebe und die "Katze" auswählen, dann wird sie als PNG-Bild übernommen und der Reiter "Anzeige" funktioniert ganz normal.

PNG hat ja auch transparenten Hintergrund, also einfach Grafiken im PNG-Format verwenden oder SVG in das Format PNG konvertieren lassen.

Google >> svg to png (viele kostenlose Online-Anbieter)

Lire plus
Posté le de Daniel W.
Joachim N.
Joachim N.
User
Auteur

Hallo Daniel, danke für deinen Beitrag; also liegt das tatsächlich an der Software und nicht an mir. Andreas, das sollte schnellstens korrigiert werden. Ich habe mich bei meinen Buttons extra für das svg-Format entschieden, da die zumindest bei mir als png je nach Vergrößerung in den Darstellungen doch oft sehr verpixelt rüberkommen. Dafür habe ich bei den png-Dateien noch keine Lösung gefunden. Dieses Problem gibt es beim svg-Format bei mir zumindest nicht.

Lire plus
Posté le de Joachim N.
Daniel W.
Daniel W.
User

Soweit ich weis reduziert WebSite X5 die Bilder je nach verwendeter Größe auf der Seite, z.B. die kostenlosen Bilder von Pixabay sind sehr groß, aber werden auf der Seite z.T. sehr klein eingebunden.

Also müsste man die PNG größer bereitstellen und WebSie X5 das Verkleinern überlassen.

Lire plus
Posté le de Daniel W.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

O.K. hatte kein Polygon Bild genommen, sondern ein normales!

Das Format SVG wenn es von Adobe AI oder INDESIGN kommt, ist kein normales Bild sondern nur Werte die zwar in WSX5 eingebunden werden können, aber nicht bearbeitet werden können mit gewissen Mouseover Einstellungen. Das ist kein Fehler sondern so gewollt von INCO.  Ob hier bei SVG Bildern Fehler auftreten oder es einfach nicht möglich ist Mouseover einzurichten, kann ich nicht sagen.

Lire plus
Posté le de Andreas S.
Daniel W.
Daniel W.
User

Ich habe mal die SVG-Grafik, bei der sich WebSite X5 geweigert hat einen Mouseover zu erstellen, in eine Testseite geladen, die den HTML-/CSS-Code verwendet von ...

Code >>https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_fade

... und hier meine Testseite mit funktionierendem Mouseover bei einer SVG-Grafik, siehe

Meine Testseite >>http://finde-links.de/test-svg/Test-SVG-Mouseover.html

Es liegt also an Incomedia, wenn die Mouseover-Funktion bei SVG-Grafiken "ausgraut" wird, denn umsetzen ließe sich die Funktion schon wie meine Testseite zeigt.

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User

Evtl. als HTML-/CSS-Code (siehe Link oben von w3schools.com) in einem HTML-Objekt einfügen.

Einige Funktionen, die WebSite X5 nicht hat, kann man mit HTML, CSS und Javascript nachbauen.

Lire plus
Posté le de Daniel W.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Ich habe mich nur auf das Bild-Objekt bezogen mit den speziellen Effekten beim Reiter "Anzeigen"!  Das sind keine normalen "hover" Befehle sondern spezielle Skripte um diese Mouseover zu erzeugen!

Mit einem HTML Objekt und  CSS Code geht es natürlich schon. Normalerweise bindet man echte SVG Grafiken per base64 Codierung ein.

Ab V2022.3.4 gibt es zwar die Kompatiblität zu SVG GRafiken, aber gewisse Einstellungen werden wahrscheinlich nicht funktioniern.

NEW SVG-support V2022.3.4

Nicht nur Bitmap-Bilder: Wir haben nun den SVG-Support eingeführt. So können Sie jetzt Ihre Seiten mit Illustrationen und Vektorgrafiken bereichern.

Lire plus
Posté le de Andreas S.
Joachim N.
Joachim N.
User
Auteur

Danke Daniel für das funktionierende Beispiel, das zeigt, was möglich ist.
Andreas, würde mich freuen, wenn die fehlenden Funktionen in einer der nächsten Versionen eingebaut werden.
Ich benutze WebSite X5 schließlich, weil ich mich nicht mit HTML, CSS, Javascipt und was es da sonst noch gibt herumschlagen will.
Also verzichte ich auf den Effekt oder versuche es noch einmal mit dem png-Format.
Ich danke euch für die schnelle Hilfe und Infos.

Lire plus
Posté le de Joachim N.