Stack vertical Effect & Shady Layout

Dieser Bilderslider Demo ist sauber und minimalistisch. Es ist die geeignete Wahl für Website mit einem einfachen Design. Sie funktioniert gut für Websites mit einem ausgeschmückten Design, wo man nach einem Bilderslider sucht, ohne die Seite oder die Sinne der Besucher zu überwältigen. Das scheinbar einfache Design eignet sich besonders für aufstrebende Branchen oder eher traditionelle Unternehmen, die einen modernen Touch auf ihrer Website wollen.

Ein frischer Stil ohne Rahmen bedeutet, dass die Bilder zu jeder Zeit im Mittelpunkt stehen. Unten findet man einen Schatten, um der Diashow Substanz und Gewicht zu geben. Wie jedes Bild von oben hereingeschoben wird, ersetzt es das vorherige Bild, welches dann hinuntergeschoben wird zu dem schattierten Bereich unten.

Auf der linken unteren Ecke finden die Nutzer eine transparente graue Beschriftung. Zwei Sets mit großem, leicht lesbarem, Text ohne Serif erscheinen in dem Feld: Überschrift in großen Buchstaben und die entsprechende Bildbeschreibung in normaler Schrift. Die einzige andere Verzierung bei dem Bilderslider sind zwei Pfeile auf der linken und rechten Seite einer Folie, die gezeigt werden, wenn man mit der Maus über sie fährt. Wenn der Nutzer die Pfeile benutzt, kann er die Geschwindigkeit der Diashow beschleunigen oder die Richtung ändern, wie zurück oder vorwärts. Wenn ein Nutzer die Diashow anhalten will, klickt er einfach auf ein Bild und hält die Maustaste. Das Design ist intuitiv und einfach und erlaubt für einfache Nutzerinteraktion ohne viele störende Tasten im Weg.

Dem klaren Design wurde eine Bildergalerie hinzugefügt innerhalb des Bildersliders selbst. In der oberen rechten Ecke findet der Nutzer eine Reihe von großen grauen und schwarzen Punkten. Jeder graue und schwarze Punkt entspricht einem Bild im Bilderslider. Jeder graue Punkt entspricht einem Bild im Bilderslider und der einsame schwarze Punkt bedeutet die aktuelle Folie. Wenn die Maus über einen Punkt fährt, ein kleies grau gerahmtes Bild erscheint schwebend innerhalb des großen Bildersliders. Zu einem bestimmten Bild in der Diashow zu kommen ist leicht – einfach auf den passenden grauen Punkt fahren und das Foto wird im Bilderslider angezeigt.

Das Bilderslider Demo erstreckt sich über die Website, bringt das Auge herein, und somit sprechen die Bilder für sich selbst. Deshalb sollte jedes Bild, das in einer Diashow verwendet mit von hoher Qualität sein. Große Bilder erlauben Websitebesuchern, detaillierte Bilder anzusehen, und es gibt ihnen einen ungefilterten Einblick auf jedes Unternehmen.