Seite 1 von 1

Bilder nur zur Hälfte angezeigt.

Verfasst: Sa 29. Mai 2021, 12:26
von whippet
Hallo,

wieso werden Bilder (im Slider) auf einem Smartphone (iPhone) nur zur Hälfte angezeigt? Weißt jemand Abhilfe?

Danke! Gruß Peter

https://westudio.de/

Re: Bilder nur zur Hälfte angezeigt.

Verfasst: Sa 29. Mai 2021, 12:46
von immergut
Hallo,
Was mir am Handy ( Samsung S9+) auffällt ... deine Navi findet man erst beim Querscrollen, d.h. die Seite ist zu breit auf dem Handy, da stimmt was nicht. :(

Re: Bilder nur zur Hälfte angezeigt.

Verfasst: Sa 29. Mai 2021, 13:02
von whippet
Hallo Immergut, danke für den Hinweis, aber auch da bräuchte ich einen guten Rat;) Gruß Peter

Re: Bilder nur zur Hälfte angezeigt.

Verfasst: Sa 29. Mai 2021, 13:25
von Tommy Herrmann
Moin,

also bei Deinen Slidern sehe ich keine Probleme.

Du musst wissen, dass die meisten Slider in einem Stil konfiguriert sind, die die Bilder auf "cover" (bedecken) stellen. Daher werden diese dann in der Höhe eingepasst und seitlich abgeschnitten.

Suche Dir einen Slider bei dem die Bilder verkleinert werden, wie z.B. beim "WOW Slider".

Der Querscroller (am Handy) wird durch dieses Bild verursacht:

https://westudio.de/assets/images/backg ... 62x581.jpg

Ich habe jetzt aber noch nicht erkennen können warum. Da ist eine Breite von 130% angegeben, das ist auf jeden Fall falsch. Prüfe das mal.

Du kannst das auch am PC sehen, wenn Du das Browser-Fenster horizontal zusammen schiebst (verkleinerst). Wenn ich dieses Bild mit dem Browser-Werkzeug entferne, ist der Querscroller weg. Am Handy springt dadurch das "Hamburger-Menü" (die drei Balken) ganz nach rechts und ist daher anfangs nicht mehr zu sehen.

Ich weiß auch nicht was das für ein Karten-Ausschnitt ist.

Dir ist bekannt, dass Du keinerlei Kartenmaterial verwenden darfst, dass Du nicht selbst gezeichnet hast. Das wäre eine eventuell sehr kostspielige Copyright-Verletzung.

Bild.JPG

Re: Bilder nur zur Hälfte angezeigt.

Verfasst: Sa 29. Mai 2021, 13:55
von whippet
Hallo Tommy,

danke für die Ratschläge! Das mit dem WOW Slider werde ich probieren. Mit dem Karten-Ausschnitt werde ich etwas rumexperimentieren, beides dann leider erst morgen, melde mich dann!

Übrigens, die Karte habe ich selbst hergestellt;)

Beste Grüße Peter

Re: Bilder nur zur Hälfte angezeigt.

Verfasst: Sa 29. Mai 2021, 14:49
von Tommy Herrmann
... es gibt eben auch Mobirise-Slider, die sich verkleinern (ohne "cover"). Hier mal ein Beispiel (noch mit "Mobirise3" erstellt).

Der obere Slider verkleinert die Bilder, der untere arbeitet mit "cover":

https://www.mobirise-tutorials.com/Slider.html

gucke Dir das mal am Handy an.

Hier noch "WOW-Slider" Beispiele:

https://www.mobirise-tutorials.com/WOW-Slider.html

.. aber auch hier, sobald Du "Full Screen" wählst, siehst Du am Handy nur einen Ausschnitt:

https://mobirise-tutorials.com/WOW-Slider/

Re: Bilder nur zur Hälfte angezeigt.

Verfasst: So 30. Mai 2021, 14:28
von Werner-Zenk.de
Damit die Karte auch auf dem Handy ohne Querscrollen funktioniert, muss man nur diese CSS-Anweisung hinzufügen:

Code: Alles auswählen

<style>
img.karte {
 max-width: 100%;
 height: Auto;
}
</style>

<img src="background8-1162x581.jpg" width="1162" height="581" class="karte" alt="">
Wichtig sind die Attribute: width und height im IMG-Tag