ProtoFlow: Coverflow for Prototype
Date : 2008 03 11 Category : Tech & DevelopmentObaid 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'}); });
