Mouse Over-Effekt bei Bildern im svg-Format
Autor: Joachim N.
Visitado 629,
Followers 1,
Compartido 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?
Publicado en
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.
Autor
Der Reiter ist grau und lässt sich nicht anklicken.
Autor
Ich halte das Programm immer mit den neuesten Updates aktuell. Glaube nicht, dass es daran liegt.
Es muss aber an einer fehlerhaften Installation oder einem Windowsfehler liegen. Eine Testversion von WSX5 hast du nicht installiert, oder?
Autor
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.
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)
Autor
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.
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.
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.
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.
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.
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.
Autor
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.