Interaktionsmöglichkeit beim "Swiper Animated Slider" abwählen bzw. ausschalten? 
Autore: Peter W.Der Swiper Animated Slider bietet die Möglichkeit, per Interaktion die Bilder weiterzublättern. Das ist bei vielen Projekten sehr nützlich. Aber leider nicht bei allen.
Ich habe den Slider auch bei den Tabletansichten mit drin. Die Steuerelemente sind komplett ausgeblendet. Der Hintergrund der Bilder im Slider selbst hat die gleiche Farbe wie der Seitenhintergrund, sodass der Besucher nicht sieht, wo der Rand des Sliders ist. Das ist so gewollt, da die Bilder (Hochkant und Querformat) auf der Seite zu schweben scheinen, ohne Rand aussen herum.
Wenn der Besucher nun die Seite nach oben wischt, um den Inhalt der Seite weiter unten zu sehen, kann es sein, dass er unbeabsichtigterweise den Slider wischt und nicht die Seite (der Slider ist vom Effekt her auf "7 - Stapel" eingestellt - hier gehen die Bilder ebenfalls von unten nach oben).
Es gibt leider nur die Option "Nach Interaktion unterbrechen" und nicht "Interaktion ermöglichen".
Vielleicht kennt ja jemand einen Trick....
Ach ja: Der Link auf den Bildern (um bspw. die Showbox einzublenden) sollte weiterhin klickbar sein. Ein anderer Slider kommt leider nicht in Frage :-)
Schöne Grüße
Peter
"Nach oben wischen?" Du meinst wahrscheinlich auf einem mobilen Gerät, oder? Wenn ja, welches?
Wir müssten noch deine Seite wissen um es zu testen!
Autore
Hallo Andreas,
Ja, genau, ich meinte das wischen auf den Tablets oder Smartphone. Egal welches - ich teste immer mit 10" Tablet, 8" Tablet und Galaxy S8 als Smartphone. Die Marke ist ja auch egal, funktioniert mit jedem mobilen Gerät.
Die Seite ist noch nicht fertig und liegt daher auf meinem Server.
Hier der Link zu der Unterseite. Hier ist nur ein Slider drin. Probiere es bitte mit Hochkant und Querformat. "Bild vergrößern" funktioniert aktuell nur mit einem der Bilder.
Danke Dir!
Gruß
Peter
Abgesehen, dass noch nichts hier responsive eingestellt oder designed wurde, habe ich den Slider getestet.
Es wird von unten nach oben überblenden als Effekt.
Wenn man "wischt" auf dem Bild kann man es nach vorne oder hinten scrollen. Das ist so gewollt bei allen Slidern im responsiven Modus.
Wenn man weis, dass man nur die Bilder "wischt" wenn man nach unten scrollen will, dann setzt man mit dem Finger darunter an zu wischen um die Seite zu scrollen.
Das mache ich auch bei allen Website (ohne WSX5) auch so.
(Google | It > De) ... Ich weiß nicht, ob ich verstehe ...
... wenn Sie interessiert sind, mit meiner persönlichen und exklusiven Idee, mit EXTRA-Code, ... es wäre möglich, mit dem Finger des einzelnen Bildes im Mittelstreifen zu klicken und zu scrollen, und scrollen Sie mit Ihrem Finger seitlich durch die Seite... ... .. .. . . .
.
ciao
.
Autore
Hallo KolAsim,
klingt interresant. Habe schon etwas extra Code drin, etwas mehr könnte nicht schaden ;-)
Bin gespannt....
Gruß Peter
...
...
... x >> Schritt 3 - Sitemap > Eigenschaften der Seite Fenster > Funktionen im Bereich Erweitert |▪Benutzerdefinierter Code: (3°) > Vor dem </HEAD> Tag:
<style>
#imCell_58:after {content:"";position:absolute;top:0px;left:0px;width:33%;height:100%;z-index:10}
#imCell_58:before {content:"";position:absolute;top:0px;right:0px;width:33%;height:100%;z-index:10}
</style>
.
ciao
.
Autore
Hallo KolAsim,
vielen Dank für den Code. Das funktioniert natürlich prächtig.
Ich habe mich bisher immer gescheut, die div-Container mit extra code anzusprechen, da ich befürchtete, die Nummer des div's verändert sich, wenn neue Zeilen beim Gestalten der Seiten eingefügt werden (das war bei meinem vorherigen Programm so - und das hat mich tierisch geärgert).
Da stellt sich mir eine andere Frage: Wie vergibt WSX5 eigentlich die id's für die div's?
Die id's werden nach dem Zeitpunkt der Erstellung hochgezählt, und nicht nach der Zeile im Raster - soweit ist es mir nun klar. Aber warum habe ich dann die div id's 1 und 2 und danach gleich die 62 auf der Seite? Wo sind die restlichen id's dazwischen? Sind diese für andere Zwecke "reserviert"?
Gruß
Peter
Wahrscheinlich auf anderen Seiten eingefügt! Es wird generell gezählt bei den Objekten.
... die Selektor-IDs derselben Seite sollten einen eindeutigen Namen haben ...
... Ich finde sie mit der rechten Maustaste im Browser:
> [Element analysieren] > (It - Analizza elemento)
Hallo, ciao
.