Seite mit Galerie läßt sich auf Handy nicht scrollen 
Autor: Torsten M.
Besucht 272,
Followers 1,
Geteilt 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.
Gepostet am
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.
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?
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.
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?
(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
.
Autor
Mit einem seitlichen Rand möchte die Kundin nicht leben...
Die Seite ist im Moment auf einem Test-Webspace. https://ecpapps.de/doreen
...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>
.
Autor
Vielen Dank, es funktioniert
OK, ich habe gesehen...ciao...