WebSite X5Help Center

 
Ulrich P.
Ulrich P.
User

"Responsive Umsetzung von Image Maps in Website X5 Pro – Hilfe gesucht"  de

Автор: Ulrich P.
Просмотрено 56, Подписчики 1, Размещенный 0  

Ich habe die Webseite "https://gsknapp.musin.de/" erstellt, bei der das Aufmacherbild durch sieben Image Maps animiert wird. Diese Image Maps enthalten verschiedene Teilbereiche, die jeweils einen Text anzeigen. Nun möchte ich die Webseite mithilfe von Website X5 Pro responsiv gestalten. Wie kann ich dieses Vorhaben am besten umsetzen? Gibt es ein spezielles Tool oder Utility, das mir dabei helfen könnte?
Vielen Dank im Voraus für eure Unterstützung!

Размещено
4 Ответы
Andreas S.
Andreas S.
Moderator

WSX5 macht automatisch die responsive Umsetzung deiner Website. Wenn du unter "2" Auflösungen u. responsives Design auf dieses umschaltest und vielleicht noch zusätzliche Breakpoints eingibst, dann wird es automatisch umgesetzt.  Allerdings musst du trotzdem noch Objekte die im Header oder Footer enthalten sind richtig positionieren.

Es gibt aber noch unter "4" den Punkt "responsive" wo du Objekte früher "floaten" runterrutschen kannst.

Читать больше
Размещено От Andreas S.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DE

Der frühere Post mit Erklärungen von mir wurde leider auf "privat" gestellt.

Hier das damals verwendete Online-Tool für responsive Imagemaps , siehe

>> https://image-map.weebly.com/ (mit englischer Anleitung)

Wichtiger Hinweis:

Nach dem Erstellen des Imagemaps und dem Kopieren des vom Tool erstellten HTML-Codes wird noch ein Javascript benötigt, das dafür sorgt, dass das Imagemap responsive wird, siehe

----- Auszug -----

You will need to upload the JavaScript file that makes your image map 'responsive' to your website, and then properly link the JavaScript file from your website in the <script scr="Your JavaScript File"> code. 
You can download that file here: — imageMapResizer.min.js

----- Google Übersetzung -----

Sie müssen die JavaScript-Datei hochladen, die Ihre Imagemap „responsiv“ für Ihre Website macht, und dann die JavaScript-Datei von Ihrer Website im Code <script scr="Ihre JavaScript-Datei"> richtig verknüpfen. Sie können diese Datei hier herunterladen: — imageMapResizer.min.js

-----

Читать больше
Размещено От Daniel W.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DE

Vielleicht reicht es ja aus, wenn nur das Javascript (siehe meinen Post oben) hinzugefügt wird.

Читать больше
Размещено От Daniel W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ENЛучший пользователь месяца ES

x Ulrich P., ...  ((It > De) ...es wäre besser, das responsive Mapping im Vorfeld zu erstellen, aber in diesem Fall ist, wenn alles erledigt ist, Ihre aktive und gewissenhafte Teilnahme erforderlich, falls Sie daran interessiert sind, meine exklusive und einzigartige Erfindung auszuprobieren...
...wenn Sie mich benachrichtigen und die Bedingungen einhalten, kehre ich hierher zurück...

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪