plusview

A jQuery scroll plugin like the google play store style

without plusview

This block is just to act as a sample for the structure of the expected markup and does not have the plusview plugin applied.

<div class="plusview">
    <ul>
        <li>
            <a href="/bebe_models/x400/0.jpg" data-type="image">
                <img src="/bebe_models/x400/0.jpg" border="0"/>
            </a>
        </li>
        …
    </ul>
</div>

with plusview

The same markup with plusview applied. The plugin only uses nodes with the data-type attribute set to "image". Others may be added later.

$('#plusview1').plusview();

without animation

This example is for those that hate all animations.

$('#plusview2').plusview({
    height: 400,
    hide: "hide",
    show: "show",
    scrollIntoView: false
});

auto mode

The plugin can also be configured to automatically show an item by index, show it for 5 seconds, and wrap around to the first one when going past the last one.

$('#plusview3').plusview({
    height: 200,
    showItem: 3,
    duration: 5000,
    wrap: true
});

source code