WebSite X5Help Center

 
Torsten M.
Torsten M.
User

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

Autor: Torsten M.
Visitado 284, Followers 1, Compartido 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.

Publicado en
9 RESPUESTAS - 1 ÚTIL
Andreas S.
Andreas S.
Moderator

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.

Leer más
Publicado en de Andreas S.
Torsten M.
Torsten M.
User
Autor

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?

Leer más
Publicado en de Torsten M.
Andreas S.
Andreas S.
Moderator

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.

Leer más
Publicado en de Andreas S.
Torsten M.
Torsten M.
User
Autor

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?

Leer más
Publicado en 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Torsten M.
Torsten M.
User
Autor
 ‪ 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

Leer más
Publicado en 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>

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Torsten M.
Torsten M.
User
Autor

Vielen Dank, es funktioniert smile

Leer más
Publicado en de Torsten M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

Leer más
Publicado en de  ‪ KolAsim ‪ ‪