Board-Archiv (archivierte Boards zum Lesen, kein Support mehr) > Frag ruhig, wir antworten gern! :-)

Frage zur Einstellung des Full Width Image Slider

(1/1)

Blume:
Hallo zusammen,

ich habe versucht Nettesekel´s Anleitung zu dem Full Width Image Slider hier nachzubauen.
Soweit funktioniert das ganz gut, nur, dass wenn man es auf dem Handy anschaut stören die Navipfeile und Punkte im Slider. Habt Ihr eine Idee, wie und wo man die abschalten kann, da der Slider ja eh von selber startet und somit die Schaltflächen überflüssig sind.
Weiterhin würde ich dden Slider auch etwas langsamer laufen lassen, sprich die Bilder sollen länger dargestellt werden, die Zeit für die Übergänge habe ich schon gefunden, was nun noch fehlt ist die Einblendzeit der Bider.

Das Projekt könnt Ihr hier sehen.

Danke für Eure Hilfe und liebe Grüße Blume

nettesekel:
Hast mal versucht im CSS-Code witdh und height der "störenden" Elemente auf 0px zu setzen?

Blume:
Hi Nettesekel,

hat natürlich, wie jeder Deiner Tipps astrein funktioniert  (clap)

allerdings habe ich bei der Responsive Einstellunge ein Problem noch, das Textfel (layout) hat eine Breite von 85% die das im Footer und das im Head mit dem Slider auch.
Alle Felder haben folgenden CSS Code:

--- Code: ---   border : 6px solid rgb(215,181,87);
   border-radius : 8px;
   margin-bottom : 20px;
   background : rgba(238,229,200,0.8);
   margin : auto;
   box-shadow : 5px 5px 10px #000000;
   padding : 5px 10px 10px 11px;
   padding-left : 15px;
   padding-right : 15px
--- Ende Code ---

solange das so ist passt sich die Größe auch so an, wie es gewünscht ist, allerdings hat der Slider dann einen unschönen Rahmen zum Rand siehe hier.

Lässt man nun den folgenden Code weg:

--- Code: ---   padding : 5px 10px 10px 11px;
   padding-left : 15px;
   padding-right : 15px;
   padding-bottom : 0px
--- Ende Code ---
dann ist der Sliderbereich logischer Weite kleiner als das Layou, was ja kein Layout sondern auch nur ein Textfeld ist.

kann ich diesen negativen effekt irgendwie umgehen? Wie es ausschaut was ich meine kannst Du hier sehen.

da ist zwar unten noch der Bereich da, der für die Navilösung vorgesehen ist aber den bekommt man ja sicher auch noch weg nehme ich an.

Ich weiß ich weiß, NOF und Responsive passt zusammen wie Faust aufs Auge, da es sich in dem Fall aber um eine Seite mit endlosen Tabellen handelt, wie man hier, hier, und auch hier sehen kann, eine Rennserie halt, und ich die im Beispiel zu sehende, wie ich finde nicht so schlechte Tabellenoption gefunden habe, würde ich das gern weiter verfolgen oder meinst Du das wird irgendwann - also in Kürze komplett scheitern?

Viel Dank für Deine Hilfe Blume

Edit: ich habe die Seite gerade zig mal auf meinem Smartphone neu geladen, irgendwann habe ich dabei wahrscheinlich den Cache umgangen und dann kam der Schock: der Slider läuft auf dem Handy nicht ... wenn das so bleibt ist das Projekt schon jetzt gestorben...

Navigation

[0] Themen-Index