Responsive JS-Field-Slideshow gesucht

Flex Slider ist responsiv und hat auch ein Carousel:
https://www.drupal.org/project/flexslider

Hier ist eine (Nicht-Drupal) Demo:
http://flexslider.woothemes.com/thumbnail-slider.html

Es gibt dazu wohl noch keinen Field Formatter, aber das könnte man vielleicht auch noch selber schreiben: was responsive Slideshows/ Carousels angeht bin ich seit Kurzem ein großer Fan von Owl Carousel: http://owlgraphic.com/owlcarousel/

Danke für eure Hinweise

Flexslider habe ich getestet, allerdings erzeugt dieser - genau wie NivoSlider - zwei Probleme bei mir:

1. Die Fotos werden über Originalgröße und Bildstil hinaus skaliert
2. Hochkantfotos werden links ausgerichtet und nicht zentriert, wie es z.B. Juicebox oder Galleria machen

OwlCarousel habe ich auch bereits getestet, nur bekomme ich dort die Thumbnail-Navigation (dotData) nicht zum laufen. Hast du hierzu irgendwo ein Howto gefunden? Mir gefällt das Modul auch...

Es muss nicht zwingend eine Slideshow sein, mir reicht schon eine responsive Galerie, möglichst mit Carousel. Habe noch Total Gallery Formatter entdeckt, allerdings gibt es auch bei diesem Darstellungsprobleme :(

Das kann man innerhalb von wenigen Minuten mit CSS korrigieren.

...solange man das in den eingebundenen Bibliotheken kann. Bei Field Slideshow funktioniert die Zentrierung (margin: 0 auto; max-width: 800px;), bei Nivo/Flexslider leider nicht.

Habe Nivo und Flexslider auch auf anderen Seiten im Einsatz, da funktioniert es im umgekehrten Fall (von der größt möglichen Auflösung aus).

Ist das Problem mit der Überskalierung bekannt? Dann gib mir bitte einen Hinweis, vielleicht habe ich es übersehen.

Du kannst beim Flexslider Bildstile für beide Größen angeben also Thumnail und großes Bild. Dort kannst Du das Hochskalieren verbieten. Ein weiterer Trick geht mit [do:imagecache_actions]. Du brauchst dafür die Submodule Canvas und Color. Ich löse das im Bildstil so:

• Slakieren (gleiche Größe in beiden Feldern eingeben sagen wir 300px) kein Upscale
• Bildformat ändern in pgn (wegen Transparenz im nächsten Schritt)
• Canvas definieren unter dem Bild exakte Größe (hier im Beispiel 300px) zentriert (für beide Richtungen) Farbe Transparent (d.h. Farbwert löschen)

Dann bekommst Du einen quadratischen Bereich, indem das Bild zentriert positioniert ist..

Hallo Werner,

danke für deinen Einwurf. So gehe ich auch vor, der Anzeigefehler wurmt mich. Ich vermute nun, dass es ein Problem im Theme (Bootstrap Business) ist, da die o.g. Fehler in anderen Themes nicht auftauchen.

Gruß, Sven

gallerie ist responisve und die thumnails überlagern natürlich NICHT!!! das hauptbild!!
field slideshow ist das carousel mit in den ansichtseinstellungen!!!

Doch, so ist es. Siehe Anhang bzw. als Beipiel www.tz-fotografie.de/portfolio/events in responsiver Darstellung.

Aber wie ich bereits geschrieben habe:

Vermute ich einen Fehler im Theme, den ich aber bislang noch nicht identifiziert habe.

Ich bezog das "Carousel" auf die Thumbnails, welche ich in einem Carousel dargestellt haben möchte.

ja genau, und das ist bei field slideshow vorhanden!!!!

Vorhanden, aber funktioniert nicht. Auch die Lösungen der Issues helfen nicht...

also bei mir funktioniert das alles... jquery.jcarousel installiert?

Ja, die 0.29 und vom Modul die dev-Version wie hier beschrieben. Scheinbar gibt es diverse Probleme, da auch die JS-Aggregation die Funktionalität der Slideshow einschränkt. Es ist zum verzweifeln -.-

und jquery update???

Wenn man meine Seite mit einen Iphone betrachtet, dann blende ich den unteren Slider auf der Startseite mit folgender Css Anweisung aus! http://taurer.podesser.co.at/
Vermutlich müsste es auch möglich sein die Bildgröße mit Css ab gewisser Bildschirm größe mit Hilfe der Css defniernen.

In deinen Fall würde ich das Karussell ausblenden, da es mit Smart Phone ect. nicht viel Sinn macht wegen der Bildschirmgröße.

Ich verwende auch teilweise bei der Css Formatierung statt Pixel width %

@media only screen and (max-width: 720px) {
#slider-footer{
display: none;
}
}

Die Anweisung "@media only screen" finde ich bei vielen Probleme was auftreten bei einer Responsive Seite sehr Hilfreich bzw. ohne dieser Anweisung sind viele Dinge nicht möglich.

@caw

jQuery Update habe ich installiert und die Versionen von 1.7-1.10 getestet.

@artweb
Theoretisch wird die Bildgröße automatisch definiert, da ich nur mit Prozent-Angaben arbeite. Bei der Field Slideshow und beim FlexSlider funktioniert das Carousel gar nicht - hab die js-Dateien auch mit verschiedenen Versionen getestet, aber ohne Erfolg :/

Womit änderst du eigentlich das Bildformat?

Das ist ein wählbarer Effekt bei den Bildstilen, wenn Du Imagecache Color Actions aktiviert hast (Dateiformat ändern).

Transparenz habe ich mit Css gelöst, wenn du meinst den Balken auf der Startseite im Slider?

}

Hatte mal "Imagecache Color Actions" verwendet und musste es leider wieder deaktivieren das Modul, da durch den PNG Format die Bilder extrem aufgeblasen waren und die Ladezeit dabei viel zu groß wird.