Vertical Pagination

This is a simple demonstration of a light weight plugin that I developed which allows for multiple stacked content panels on a single page. The navigation control in the top right will adjust automatically based on the number of panels used. The arrows advance the current panel up and down and the block in between them will expose a full menu so that the user can choose a panel anywhere in the stack. I also developed a version of this — xyPanels — that includes an optional line of horizontal panels along each point in the vertical stack.

Image Block

Demo Image

Text Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis id orci hendrerit facilisis. Aenean eu tincidunt orci. Cras magna nulla, rutrum ac velit vel, ullamcorper faucibus tortor. Vivamus nec nisi a felis ullamcorper semper at ut nunc. Cras aliquam gravida aliquet. Quisque est arcu, ultrices vel nisl eget, feugiat lobortis lorem. Nullam pulvinar viverra tortor, vel accumsan eros posuere quis. Donec finibus augue in sem sagittis finibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi eget est auctor, tristique tellus non, placerat nisi. Vivamus leo magna, blandit nec lacus vel, pulvinar euismod elit. Nam diam lacus, dictum non est sed, aliquam ultricies tortor. Sed urna turpis, feugiat at diam quis, imperdiet sagittis enim. Quisque accumsan neque nec condimentum tempor. Curabitur in iaculis quam. In ullamcorper purus lectus, ultrices consequat purus dictum quis. Sed porttitor sodales libero in maximus.

Image Block

Demo Image

Text Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis id orci hendrerit facilisis. Aenean eu tincidunt orci. Cras magna nulla, rutrum ac velit vel, ullamcorper faucibus tortor. Vivamus nec nisi a felis ullamcorper semper at ut nunc. Cras aliquam gravida aliquet. Quisque est arcu, ultrices vel nisl eget, feugiat lobortis lorem. Nullam pulvinar viverra tortor, vel accumsan eros posuere quis. Donec finibus augue in sem sagittis finibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi eget est auctor, tristique tellus non, placerat nisi. Vivamus leo magna, blandit nec lacus vel, pulvinar euismod elit. Nam diam lacus, dictum non est sed, aliquam ultricies tortor. Sed urna turpis, feugiat at diam quis, imperdiet sagittis enim. Quisque accumsan neque nec condimentum tempor. Curabitur in iaculis quam. In ullamcorper purus lectus, ultrices consequat purus dictum quis. Sed porttitor sodales libero in maximus.