ProtoFlow: Coverflow for Prototype

Obaid Ahmed has written a coverflow-like component on top of Prototype and Script.aculo.us called ProtoFlow.

It is simple to use:

PLAIN TEXT HTML:

<div id="protoflow">

<img src="imgs/DSCN0940_91360.jpg"/>


<img src="imgs/stimme_von_oben_187192.jpg"/>


<img src="imgs/Tropfen_1_Kopie_201721.jpg"/>


<img src="imgs/farbraum_012_147508.jpg"/>


<img src="imgs/IMG_4906_199357.jpg"/>


<img src="imgs/Tropfen_1_Kopie_201721.jpg"/>


<img src="imgs/Fries_201253.jpg"/>


<img src="imgs/Fries_201253.jpg"/>

</div>

<ul id="protoCaptions" class="protoCaptions">

<li>Caption 1</li>


<li>Caption 2</li>


<li>Caption 3</li>


<li>Caption 4</li>


<li>Caption 5</li>





<li>Caption 6</li>


<li>Caption 7</li>


<li>Caption 8</li>

</ul>

PLAIN TEXT JAVASCRIPT:

Event.observe(window, 'load', function() {

cf = new ProtoFlow($("protoflow"), {captions: 'protoCaptions'});

});