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:
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>
-
JAVASCRIPT:
-
-
Event.observe(window, ‘load’, function() {
-
cf = new ProtoFlow($(“protoflow”), {captions: ‘protoCaptions’});
-
});
-
Read more on the source site
No comments yet.
feel free to leave a comment
Comment Guidelines: Basic XHTML is allowed (a href, strong, em, code). All line breaks and paragraphs are automatically generated. Off-topic or inappropriate comments will be edited or deleted. Email addresses will never be published. Keep it PG-13 people!
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
All fields marked with " * " are required.


