Der Jetpack Carousel-Slider im iPad-Querformat.
Die responsive Carousel Bilder-Slideshow von Jetpack ist ein tolles, neues Feature, um WordPress-Bildergalerien in einer Slideshow-Detailansicht anzuzeigen. Sobald du das Jetpack-Plugin installiert hast, steht dir die neue Funktion zur Verfügung und wird (wenn aktiviert) automatisch für alle Bilder-Galerien eingesetzt. Weiterlesen
Bilder-Slider sind sehr beliebt, doch leider sind die bisher üblichen Lösungen meist nicht für responsive Webdesigns geeignet, da sich der Slider nicht automatisch an die unterschiedliche Bildschirmgrößen anpassen kann. In der letzten Zeit sind daher etliche neue responsive Image-Slider entwickelt worden. Eine Slider-Lösung ist zum Beispiel der FlexSlider, der jede Menge Anpassungen bietet und Links und Bildcaptions erlaubt. Im folgenden Artikel zeige ich, wie du den FlexSlider auf deiner Webseite einbinden kannst. Weiterlesen
Neues responsive jQuery Carousel-Plugin Elastislide
Das Bilder-Carousel-Plugin Elastislide ist ein weiteres, hilfreiches jQuery-Plugin, um responsive Webdesigns noch spannender und vielseitiger zu gestalten. Mit Hilfe des Carousel-Sliders kannst du eine Bilderserie (z.B. deiner neusten Portfolio-Arbeiten oder deiner letzten Urlaubsfotos) zeigen. Neben der Plugin-Beschreibung gibt es auch noch eine schöne Live-Demo Webseite mit verschiedenen Beispielen das Carousel-Plugins.
Responsive jQuery Image-Slider Freebies Blueberry und FlexSlider
Da responsive Webdesign immer beliebter wird, gibt es inzwischen auch mehr und mehr Möglichkeiten, Bilder in responsive Webdesigns einzubinden. Wer nach einem Bilder-Slider sucht, um z.B. die neusten Arbeiten des Portfolios zu präsentieren, sollte sich unbedingt die beiden kostenlosen jQuery Slider FlexSlider (von Tyler Smith veröffentlicht bei Smashing Magazine) und Blueberry (von Mark Tyrrell) anschauen. Ich werde die Slider in den nächsten Tagen auf jeden Fall auch noch selbst genauer testen und in einer ausführlichen Anleitung berichten, wie du die Slider auf deiner Webseite integrieren kann.
Kennst du noch weiter responsive Bilder-Slider oder hast du einen der beiden Slider bereits ausprobiert? Über dein Feedback und weitere Tipps freue ich mich sehr!
Mit Hilfe eines JavaScript-Sliders kann man leicht besondere Blog-Artikel in WordPress hervorheben. Die meisten Slider bieten neben der Ansicht von Bildern auch die Möglichkeit den Artikel-Titel und einen Text-Auszug anzuzeigen. Außerdem gibt es verschiedliche Slider-Navigationen und Überblendungseffekte zur Auswahl. Ich habe einige der beliebtesten WordPress-Plugins für Featured Content Slider getestet und eine Übersicht der meiner Ansicht nach nützlichsten Plugins für die Umsetzung eines Featured Content Sliders zusammen gestellt. Weiterlesen
Bilder-Slider sind ein beliebtes Webdesignelement, um Fotografien, Produktbilder oder Typografie ansprechend und platzsparend auf einer Webseite zu präsentieren. Und natürlich gibt es auch bei Bilder-Slidern jede Menge Design-Varianten und vielseitige Lösungsansätze. Daher habe ich eine Übersicht moderner Webseiten Bilder-Slider zur Inspiration zusammen gestellt. Weiterlesen
Es gibt etliche Beispiele, bei denen es sinnvoll ist Webseiten-Inhalte erst bei Klick auf einen Button aufsliden zu lassen. Z.B. kannst du auf diese Weise sehr schön einen Nutzer-Login für Mitglieder oder Kunden integrieren. Da sich nicht alle Webseiten-Besucher anmelden wollen, kannst du den Login-Bereich mit jQuery so elegant verstecken. Ich habe verschiedene Möglichkeiten getestet, um den Effekt auf der eigenen Webseite zu integrieren.
Weiterlesen
jQuery Carousel-Slider sind sehr beliebt, um z.B. die neusten Projekte im Portfolio, aktuelle Blog-Artikel mit Vorschaubildern oder eine Bildergalerie auf einer Webseite zu integrieren. Den Slider bewegt man entweder automatisch, mit Hilfe von Rechts/Links (bzw. Oben/Unten) Buttons oder einer Seiten-Nummerierung. So kann man auf wenig Platz viel Inhalt darstellen, und vorausgesetzt man übertreibt es mit dem hin und her sliden nicht, ist der Effekt für den Webseiten-Besucher ein echter Hingucker. Mit dem vielseitigen jQuery-Plugin carouFredSel kannst du leicht deinen eigenen Carousel-Slider auf deiner Webseite einbauen.
Weiterlesen
English 
Deutsch