Stack Transition & Ionosphere Layout Javascript slider

Deze slideshow demo gebruikt het welbekende ‘stack’ effect voor de overgangen van de slides. Met dit effect schuift elke nieuwe slide simpelweg het scherm in vanuit de rechterkant. Geen fancy sprongen en afleidende magische trucs, alleen een eenvoudige swipe. Op deze manier wordt de kijker niet afgeleid en kan hij zich alleen richten op de afbeelding voor hem.

De slideshow heeft scherpe, hoekige rechthoekige boxen voor tekst die in de linkeronderhoek staan. Elke box is zwart en doorschijnend en heeft witte ondoorzichtige letters. Er zijn twee rijen met tekstboxen en elk van deze kan willekeurig het scherm in schuiven van rechts naar links of links naar rechts of van boven naar beneden. Deze tekstboxen hebben een eenvoudige blauwe rand aan de linkerkant, in aanvulling op de blauwe rand aan de onderkant van het frame van de hele slideshow. Afgezien daarvan heeft de rest van het frame geen rand.

De punten die de slides representeren, staan aan de onderkant in het midden en hebben de vorm van grijze cirkels. Eenvoudige blauwe pijlen voor navigatie staan aan de rechter- en linkerkant. Ze zijn beide onzichtbaar totdat de muis zich over de slider beweegt. Als je wilt dat je boodschap opvalt, moet deze omringt worden door dingen die hem aanvullen. Deze slideshow demo doet precies dat. Hij is eenvoudig, hij is effectief, hij is niet te druk en hij benadrukt datgene dat van belang is, de afbeelding.

De huidige slideshow begint automatisch omdat de ‘auto play slide show’ optie standaard aan staat. Je ziet ook geen play/pauze knop omdat deze is uitgeschakeld in een algemene eigenschappen tab. Deze slider ondersteunt swipen, dus je kunt de slider gemakkelijk beheren op je mobiele devices.