WebSite X5Help Center

 
Torsten M.
Torsten M.
User

Seite mit Galerie läßt sich auf Handy nicht scrollen  de

Auteur : Torsten M.
Visité 372, Followers 1, Partagé 0  

Hallo, ich habe auf der Startseite der Homepage 3 Kleine Galerien gelegt. In jeder sind 4 Bilder zu verschiedenen Themen. Diese werden auch richtig angezeigt und der automatische Wechsel der Bilder funktioniert perfekt. Auf dem Handy werden die 3 Galerien untereinander angezeigt und füllen dann den Bildschirm. Da man, wenn man über die Galkerie wischt die Bilder wechselt, kann man nun die Seite nicht mehr hoch und runter scrollen. Das ist nur noch möglich, wenn man auf den schmalen Zwischenraum, zwischen den Galerien tippt und nach oben oder unten wischt. Was kann ich da tun? Die Galerien sollen auf jeden Fall automatisch abspielen und Bedienelemente sind ausgeblendet, die will ich da nicht drauf haben.

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

Da kann man nichts machen.  Das ist der Effekt der Galerien am Handy.  Du kannst nur einen Balken zwischen den Galerien geben um eine Fingeransatz zu bekommen um wischen zu können.

Lire plus
Posté le de Andreas S.
Torsten M.
Torsten M.
User
Auteur

Könnte man nicht ein transparentes PNG darüber legen? Man müsste dem Bildobjekt mit der PNG nur eigene CSS-Anweisungen geben können. Kann man einem Objekt eigene css Klassen zuweisen?

Lire plus
Posté le de Torsten M.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Natürlich wenn man sich mit CSS auskennt!  Du kannst aber auch eine Bildliste im Zeilestil erstellen, dann hast du auch eine Galerie wo du ein HTMl-Objekt oder Simpel Separator Objekt in den Vordergrund setzt.

Lire plus
Posté le de Andreas S.
Torsten M.
Torsten M.
User
Auteur

Die Galerien werden nur auf dem Handy untereinander angezeigt, sonst sind die nebeneinander. Kann ich einem Objekt eine eigene CSS-Klasse zuweisen?

<div id="imCell_1" class="" data-responsive-sequence-number="3">
Habe mal ein Objekt aus der Quelldaten-Anzeige vom Browser rausgesucht.
Wo kann ich diesem Objekt eine CSS-Klasse zuweisen? Kommt man irgendwo an den Quellcode des Templates ran?

Lire plus
Posté le de Torsten M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Torsten M.
... ... Da man, wenn man über die Galkerie wischt die Bilder wechselt, kann man nun die Seite nicht mehr hoch und runter scrollen.... ...

(It > De) ... ... im Allgemeinen würde es ausreichen, einen angemessenen seitlichen Rand bereitzustellen...
... oder alternativ können Sie meinen einfachen und exklusiven EXTRA-Code ausprobieren...
... wenn Sie interessiert sind, Sie müssen den LINK Ihrer Seite posten, damit ich den Code überprüfen und anpassen kann, ...sonst ignoriere meinen Beitrag...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Torsten M.
Torsten M.
User
Auteur
 ‪ KolAsim ‪ ‪
... oder alternativ können Sie meinen einfachen und exklusiven EXTRA-Code ausprobieren... ... wenn Sie interessiert sind, Sie müssen den LINK Ihrer Seite posten, damit ich den Code überprüfen und anpassen kann, ...sonst ignoriere meinen Beitrag...


Mit einem seitlichen Rand möchte die Kundin nicht leben... 
Die Seite ist im Moment auf einem Test-Webspace.  https://ecpapps.de/doreen

Lire plus
Posté le de Torsten M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...OK...   ... auf der HOME-Seite ist die Folie unten nicht automatisch, daher müssen Sie das Aumatissmo aktivieren...
... das ist der Code dass du kleben musst im HOME | Experte | Benutzerdefinierter Code | 3. Option> Vor dem Schließen des Tags /HEAD; ...wirkt unter 720 Pixel:

<style>
@media (max-width: 719px) {
#imCell_12:after{content:"";z-index:3; position:absolute;top:0px;width:100%;height:100%;}
#imCell_13:after{content:"";z-index:3; position:absolute;top:0px;width:100%;height:100%;}
#imCell_15:after{content:"";z-index:3; position:absolute;top:0px;width:100%;height:100%;} }
</style>

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Torsten M.
Torsten M.
User
Auteur

Vielen Dank, es funktioniert smile

Lire plus
Posté le de Torsten M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

OK, ich habe gesehen...ciao...wink

Lire plus
Posté le de  ‪ KolAsim ‪ ‪