2012-04-13 17 views
0

Ich habe ein kleines Dilemma in dem Sinne, dass ich nicht einen jQuery Image Cycler bekommen kann, der mit der Skalierung von Bildern arbeitet.Wie kann ich einen Bildschieberegler mit skalierenden Bildern kombinieren?

Was ich im Grunde habe, ist eine Website mit einer kleinen Navigationsliste an der Spitze, und dann Vollbild-Bilder, die mit einem Steuerelement am unteren Rand der Seite ausgeführt werden können. Zuvor habe ich backstretch verwendet, um den gewünschten Effekt für ein Hintergrundbild zu erhalten, das sich mit dem Browserfenster erstreckt.

Ich hatte auch gehofft auf Jquery Cycle als das Plugin zu verwenden, um den Bildschieberegler zu machen (wie ich es unzählige Male zuvor verwendet habe).

Das Problem ist, dass ich den Effekt der Backstretch (dh Skalierung Bilder) aber mit einem Schieberegler benötigen. Ich habe versucht, andere Plugins für das Strecken zu verwenden, aber die meisten von ihnen scheinen nur zu ermöglichen, dass die Bilder verkleinert werden (wenn das Fenster schrumpft) und nicht nach oben. Ich kann Backstretch nicht verwenden, da es das gesamte Body-Tag einnimmt. Ich brauche nur ein Container-Div, um die gedehnten Bilder zu enthalten (so kann ich die Kopfzeile/Navigation oben haben, ohne die Bilder zu beschneiden).

Allerdings habe ich keine Ahnung, wie man dies dann mit Jquery Cycle arbeiten lässt.

Hat jemand das schon mal gemacht oder irgendwelche Beispiele dafür?

Dank

Antwort

1

vielleicht einen Blick auf http://jongaulin.com/2011/11/17/fullscreen-image-and-content-slider/ spät, aber nehmen sein. Ich hoffe, das funktioniert für dich.

+0

Danke für Ihre Antwort. Ich habe am Ende eine Lösung gefunden, indem ich einige js geschrieben habe, die die Größe der Elemente dynamisch verändern würden. Vielleicht könnte deine Antwort auch für jemand anderen von Nutzen sein :-) – alimac83

Verwandte Themen