Problem mit Flexslider

[dn3d_fanboy]

Hallo,
ich versuche gerade mithilfe des Flexslider eine Onepage-Lösung zu gestalten. Leider funktioniert es nicht so richtig und im Sliderbereich wird nur der leere Background angezeigt.

Hier mal der Link zur Seite, damit man vielleicht besser versteht, worum es mir geht:


Gemeint ist der untere, rötlich gefärbte Bereich. Hier sollte man eigentlicht seitich durch einzelne Bereiche navigieren können, die verschieden Hintergrundbilder haben (ich habe sietestweise 1, 2, 3 ,4 ,5 genannt).

Leider scheint das alles nicht zu klappen und ich bin so langsam mit meinem Latein am Ende. Auch über die Konsole kann ich nichts finden.

Vielleicht habt ihr ja eine Ahnung, was ich falsch mache.

Besten Dank im Voraus.

 

[By3o]

moin,
blende ich im Firebug das Width o Pixel im Stylebereich aus funktioniert es.

<li class="clone" style="display: block; float: left; width: 0px;">

LG

 

[Duddle]

Das

.flex-viewport {
  float: left;
}

in style.css ist wohl der störende Punkt. Das ist aber ein CSS-Problem, kein JavaScript-Problem.


Duddle

 

[dn3d_fanboy]

moin,
blende ich im Firebug das Width o Pixel im Stylebereich aus funktioniert es.

<li class="clone" style="display: block; float: left; width: 0px;">

LG

Genau das ist es, danke.
Nur das Problem ist jetzt, dass die Klasse clone durch das Javascript generiert wird. Ich weiß jetzt leider nicht, wo ich es finde und abschalten kann.

Das

.flex-viewport {
  float: left;
}

in style.css ist wohl der störende Punkt. Das ist aber ein CSS-Problem, kein JavaScript-Problem.


Duddle

Danke Duddle,
ändere ich das aber, verschieben sich die Bereiche für Pfeiltasten unter das eigentliche DIV und sind somit nicht leider benutzbar.

 

[By3o]

moin,

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease 0s;
    width: 900px;
}

so funktioniert es.

LG

 

[dn3d_fanboy]

moin,

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease 0s;
    width: 900px;
}

so funktioniert es.

LG

Danke aber leider nein...
Da werden die Bereiche für die Pfeiltasten bei mir auch unterhalb des Sliderbereiches angezeigt. Ich habe jetzt mal versucht die max-height zu ändern, aber das hilft auch nicht weiter.
Der Wert width: 0 ist allerdings schonmal verschwunden.

 

[dn3d_fanboy]

Hat denn wirklich niemand mehr eine Idee oder einen Tipp für mich?

Gibt es vielleicht ein anderes jQuery-Plugin, mit dem man so etwas realisieren kann?

 

[Duddle]

Wie gesagt, es liegt nicht am PlugIn, sondern am CSS. Das PlugIn erzeugt das korrekte Verhalten und Aussehen für eine Slideshow. Dein eigenes CSS zerhaut das Layout, also musst du dort ansetzen.


Duddle

 

[dn3d_fanboy]

Wie gesagt, es liegt nicht am PlugIn, sondern am CSS. Das PlugIn erzeugt das korrekte Verhalten und Aussehen für eine Slideshow. Dein eigenes CSS zerhaut das Layout, also musst du dort ansetzen.


Duddle

Ich weiß, nur ich weiß halt nicht mehr, wo ich noch suchen soll. Die Konsole hilft mir nicht weiter und auch sonst komme ich nicht drauf, woran es liegen könnte.

 

[Duddle]

Was soll in der Konsole auch erscheinen? Nochmal: das JS ist okay, dein CSS ist falsch formuliert. Wenn du einen roten Text willst, im CSS aber die Farbe auf grün setzt, dann ist das Ergebnis "falsch".
Entschlacke dein CSS und füge die Regeln Schritt für Schritt ein, bis es in den großen Browsern passt. So werden Seiten nunmal entwickelt.

Wenn dein CSS-Wissen unzureichend ist, dann lies entsprechende Tutorials, frag im darauf fokusierten Unterforum oder kauf das Wissen in Form eines Entwicklers ein.


Duddle