Bilder nur zur Hälfte angezeigt.

Allgemeine Fragen
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Bilder nur zur Hälfte angezeigt.

Ungelesener Beitrag 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/
Benutzeravatar
immergut
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 16
Registriert: Di 8. Dez 2020, 13:26
Wohnort: Einsiedel
Kontaktdaten:

Re: Bilder nur zur Hälfte angezeigt.

Ungelesener Beitrag 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. :(
Solange mir niemand das Wasser reichen kann ..... nehme ich ein Bier :bier:
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Bilder nur zur Hälfte angezeigt.

Ungelesener Beitrag von whippet »

Hallo Immergut, danke für den Hinweis, aber auch da bräuchte ich einen guten Rat;) Gruß Peter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bilder nur zur Hälfte angezeigt.

Ungelesener Beitrag 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
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Bilder nur zur Hälfte angezeigt.

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bilder nur zur Hälfte angezeigt.

Ungelesener Beitrag 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/
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Bilder nur zur Hälfte angezeigt.

Ungelesener Beitrag 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
Antworten

Wer ist online?

Mitglieder in diesem Forum: Semrush [Bot] und 23 Gäste