ProtoFlow first preview release…

March 10th, 2008  |  Published in Javascript, ProtoFlow, Prototype, Scriptaculous  |  118 Comments

ProtoFlow has been updated!

It has been a few weeks since my last post. I got busy with few other client work and didn’t really get any chance to polish up the ProtoFlow widget. So in order to get things moving, I am releasing the code under opensource. I know that there are many talented developers out there who would like to contribute to the code and help us improve it.

So without further delay here is the demo page and the zip file

I look forward to your comments and suggestions.

Update:

Here is the markup for the actual widget:

<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>

You can now initialize the Widget (usually done on page load) via:



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

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

});

The options that you can pass in are:

options = {

   startIndex: 2, //which image or stack should the widget focus on after init

   slider: true,    //show or hide the slider widget

   captions: false //do you want to show captions?

};

In fact, the actual “holder” for the images can be anything. You can have a UL with a bunch of LI’s and all those LI’s would be used to create the flow effect. Captions are held in UL (I wanted to use ALT attribute in the images to hold captions but I think this way we can create a ProtoFlow effect out of all sort of HTML elements. Give it a try!

Coming Soon:

  • Autoplay - There is some code there right now but its not perfect so that needs to be done for next iteration

Responses

  1. bax says:

    March 11th, 2008 at 5:06 am (#)

    Whereas it’s much smoother than the one I saw for mootools - I’d really like to see this tackled with human faces instead - you start seeing the failures (at least in the other versions I’ve seen) when you move away from abstract figures and to more recognizable human figures.

  2. cssrain says:

    March 11th, 2008 at 5:37 am (#)

    oh,very good.
    it’s like this .(ImageFlow_0.8)

  3. Ajax Girl » Blog Archive » ProtoFlow: Coverflow for Prototype says:

    March 11th, 2008 at 5:37 am (#)

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

  4. NetRoY says:

    March 11th, 2008 at 5:43 am (#)

    Hey ,
    gud job,
    but i guess u can use canvas or svg for the reflection part…so anyone using protoflow doesn’t need to add the reflection part to the image himself..It might be a little resource consuming…but i guess its worth a try

    try
    http://arapehlivanian.com/scripts/reflect/reflect.html
    or
    http://cow.neondragon.net/stuff/reflection/

  5. » PhotoFlow - Primeiro Release | Igor Escobar // Blog | Desenvolvimento, Tecnologia e Informação, na ponta do lápis. says:

    March 11th, 2008 at 5:47 am (#)

    […] Para os interessados: PhotoFlow first preview release PhotoFlow Demos Prototype JavaScript Framework Scriptaculos Prototype […]

  6. Obaid says:

    March 11th, 2008 at 5:48 am (#)

    NetRoy: I did try to add reflection but it needed a lot of rework. I will probably add it later on once “autoplay” feature is completed.

    bax: Not sure what you mean. Can you elaborate a bit more plz?

    cssrain: thank you :)

  7. purrl.net |** urls that purr **| says:

    March 11th, 2008 at 6:05 am (#)

    This is one of the web’s most interesting stories on Tue 11th Mar 2008…

    These are the web’s most talked about URLs on Tue 11th Mar 2008. The current winner is …..

  8. ben says:

    March 11th, 2008 at 6:11 am (#)

    This person has created a reflection using canvas, maybe something like it could be implemented
    http://arapehlivanian.com/scripts/reflect/reflect.html

  9. NetRoY says:

    March 11th, 2008 at 6:19 am (#)

    http://194.95.111.244/~countzero/scripts/_myImageFlow/

  10. Andrew says:

    March 11th, 2008 at 6:28 am (#)

    This looks very cool. Started to play around with it and noticed one thing off the bat. When moving left in the flow the image that should be the front image actually sits behind the image on the right of it so the farthest left image is never the image of focus. I haven’t had time to really dig into the code to try and fix but I also noticed somewhere the code forces a square image even though the ones I tested with are rectangular. Again this is first pass at the the script and I have not dug into it to far but it is very cool and smooth. If I have time I will dig further to try and fix these bugs. and submit them back

    great work though

  11. kangax says:

    March 11th, 2008 at 6:34 am (#)

    Mind submitting it to http://scripteka.com ?
    Thanks.

  12. Obaid says:

    March 11th, 2008 at 6:43 am (#)

    Andrew: Thank you for pointing out that, I will look into it asap.

    NetRoy: That is pretty good implementation. I will try to add reflection soon

    Kangax: I just added it to scripteka.com :o)

  13. fl0tschi says:

    March 11th, 2008 at 6:59 am (#)

    Hi,

    cool and nice idea, I think the captions can be written into the “title” or “alt” attribute of the image and there it can be retrieved for the images? It’s only a idea from my side, but this is an amazing effect :)

    greet flo

  14. Martin says:

    March 11th, 2008 at 7:01 am (#)

    This is very cool and looks very promising.

  15. Javascript News » Blog Archive » ProtoFlow: Coverflow for Prototype says:

    March 11th, 2008 at 7:10 am (#)

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

  16. Metaholic » Deensoft » Blog Archive » ProtoFlow first preview release… says:

    March 11th, 2008 at 7:20 am (#)

    […] [view original post] [source: Delicious] Previously - The Secrets Of Grunge Design | Design Showcase | Smashing Magazine Next - […]

  17. ProtoFlow: Coverflow for Prototype « outaTiME says:

    March 11th, 2008 at 7:23 am (#)

    […] ProtoFlow: Coverflow for Prototype Obaid Ahmed has written a coverflow-like component on top of Prototype and Script.aculo.us called ProtoFlow. […]

  18. david koblas says:

    March 11th, 2008 at 8:05 am (#)

    I like the idea of using title tags for captions, double purpose.. Here’s the code to do it:

    The “big” change is to do a
    this.captions = this.stack.map(function(elem) { return elem.title; });

    //
    // Bigger diff — it’s actually less code…
    //
    if (this.options.captions != false) {
    this.captions = this.stack.map(function(elem) { return elem.title; });

    this.useCaptions = true;

    this.captionHolder = new Element(’div’);
    this.captionHolder.className = “captionHolder”;
    this.captionHolder.setStyle({
    width: “100%”,
    textAlign: “center”,
    position: ‘absolute’,
    left: “0px”,
    top: (Element.getHeight(this.elem) - 80) + “px”
    });
    this.elem.appendChild(this.captionHolder);
    }

  19. Obaid says:

    March 11th, 2008 at 8:13 am (#)

    cool thanks David. I will add it to the code tonight :o)

    I like the idea of giving users both options for captions so i will add that to the script tonight.

    thanks again :o)

  20. ProtoFlow for videoDB? says:

    March 11th, 2008 at 8:23 am (#)

    […] investigated using ProtoFlow for the next version of videoDB. Initial results look _very_ […]

  21. andig says:

    March 11th, 2008 at 8:24 am (#)

    Very nice! I’ve already looked into using protoflow for the next version of videoDB. Looks promising.
    Have not been able sofar to attach links to the images though. Any idea?

    Thanks,
    andi

  22. andig says:

    March 11th, 2008 at 8:28 am (#)

    btw- also noticed that the width/height ratio seems to be off- at least in my case where the images are not all same size?

  23. Obaid says:

    March 11th, 2008 at 8:28 am (#)

    andig: You can put the link on the captions text itself (since its just HTML. I wouldn’t want to attach a link to the image itself since when you click the default behavior is to bring the object to front when clicked.

  24. » ProtoFlow: Coverflow for Prototype DotPress says:

    March 11th, 2008 at 8:39 am (#)

    […] ver la página de introducción de este nuevo paquete, ver la demo o descargarlo […]

  25. Orlin M says:

    March 11th, 2008 at 9:47 am (#)

    It would be cool if the images can be dragged (skipping the slider), left & right arrows would navigate back & forth (one at a time), if they could also be circular (the two ends joined in the distant horizon), with ability to to choose any image as a starting point (even two side by side). And if the two-at-a-time (side by side) option is used, then arrow key navigation would rotate them left & right (further on side by side) to the next emerging pair. Otherwise, I love it anyway!

  26. Matt says:

    March 11th, 2008 at 10:10 am (#)

    The raw HTML would be more useful if the images and captions were interleaved. The current markup would look very strange unstyled (the images and captions are disconnected). e.g.

    Caption 1
    Caption 2

  27. CrackRadio.com » links for 2008-03-11 says:

    March 11th, 2008 at 10:22 am (#)

    […] ProtoFlow first preview release… 서비스에 써먹을 일이 생길 것 같아서 (tags: javascript) This work, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Share Alike 2.0 Korea License. var adv_width = ‘500′; var adv_height = ‘0′; var adv_key = ‘20070407114234′; var adv_txuserid = ‘lLof’; var adv_ad_align_type = ‘1′; var adv_lo_border = ‘cecece’; var adv_lo_background = ‘ffffff’; var adv_lo_adtitle = ‘4679C2′; var adv_lo_addesc = ‘595959′; var adv_lo_adurl = ‘737373′; var adv_adno = ‘3′; var adv_bg_img = ’skin001′; var adv_ui_type = ‘S’; getAdClixAD(’20070407114234′); […]

  28. Smashing Coding » Un CoverFlow avec Prototype.js et Script.aculo.us says:

    March 11th, 2008 at 12:05 pm (#)

    […] Un CoverFlow avec Prototype.js et Script.aculo.us Le 11 mars 2008 à 22:05 par chris Javascript est de plus en plus impressionnant. Vous pouvez maintenant créer un coverflow avec quelques lignes de code grâce à ProtoFlow. […]

  29. Caminews » Deensoft » Blog Archive » ProtoFlow first preview release… says:

    March 11th, 2008 at 1:41 pm (#)

    […] Fonte: http://blog.deensoft.com/2008/03/10/protoflow-first-preview-release/ […]

  30. Willem says:

    March 11th, 2008 at 2:35 pm (#)

    Very, very cool.

    Ever thought about doing the reflection-part with PHP’s GD on the server side? Probably the best option when looking at the performance. Great work.

  31. Ray Grieselhuber says:

    March 11th, 2008 at 3:44 pm (#)

    Looks great - thanks for releasing it!

    One feature request - it would be great if the arrow keys worked for navigation.

  32. Liam says:

    March 11th, 2008 at 4:17 pm (#)

    Visually, looks great. Semantically, I agree with Matt- I don’t like the fact that the captions are completely divorced from the pictures. If someone has CSS turned off, it’s a pain to figure out which captions go with which images.

    I hope that if you had something like
    <img id=”img1″ class=”protoimg” …
    <span id=”capt1″ class=”protocaption” …
    you could hopefully still write some javascript that could tie this up and make it look just as nice visually, but i haven’t looked through the source so i can’t say for sure. Something like that would further divorce content from style and allow me to adopt your sweet visual styles without forcing me to change my existing code too much.

    My apologies if the above html doesn’t look formatted, I tried..

  33. links for 2008-03-12 « Simply… A User says:

    March 11th, 2008 at 4:36 pm (#)

    […] ProtoFlow first preview release… :: Deensoft (tags: javascript prototype script.aculo.us coverflow library scriptaculous web **) […]

  34. Obaid says:

    March 11th, 2008 at 6:27 pm (#)

    Thank you everyone for a great response. I have noted down all of the requests above and will be adding them to the script in priority order.

    1. Fix caption system - I agree that there should be better system to do this. I will probably go with Liam’s idea for captions. We shall see.

    2. Reflection - Most probably using Canvas tag to produce reflection.

    More will be added to this list later :o)

    If you guys want to contribute a fix to the script please feel free. I will host it here and you will be given full credits for the code you submit.

    Thank you once again for awesome feedback!

  35. vista bbs says:

    March 11th, 2008 at 6:44 pm (#)

    Very, very cool.

  36. » C’est joli et c’est facile http://blo … dot’n'paper says:

    March 11th, 2008 at 11:49 pm (#)

    […] joli et c’est facile http://blog.deensoft.com/2008/03/10/protoflow-first-preview-release/ […]

  37. ProtoFlow un nouveau coverflow | Blog sur L’actualité Multimédia du Web2.0 says:

    March 12th, 2008 at 12:01 am (#)

    […] de détail ici, pour une DEMO c’est ici, et pour le télécharger ici Partager et Découvrir : Ces icônes […]

  38. andig says:

    March 12th, 2008 at 6:22 am (#)

    If you go with Liams way of adding captions, it would be nice to keep the anchor tags. Would also love to have hrefs on either caption of image- I feel image is more intuitive to click on.

  39. Dan says:

    March 12th, 2008 at 12:19 pm (#)

    I think this is very slick!

    In my application of it, I’m using img’s nested within divs as the stack elements. In my hands on ie7, this created a problem because the img receives the click events, but it’s the top-level divs that are the actual stack elements getting indexed and moved. handleClick therefore ends up generating null index attributes (line 173). It appears handleClick needs to find the top-level element on the stack and not the nested element triggering the event (a bit odd to me, since handleClick is indeed attached to the parent). I’m sure you can do better, but a fix that works for me is the addition of one line to recurse upwards to find a stack element:

    handleClick: function(e)
    {
    elem = Event.element(e);
    while (elem.parentNode != this.elem) elem = elem.parentNode; // recurse upward to find stack element
    v = elem.getAttribute(”index”);
    this.currIndex = v;
    this.goTo(v);
    this.updateSlider(v);
    },

    Anyone else seeing this behavior?

    Nevertheless, great work!

  40. Muestra imagenes como en iTunes usando Javascript | frogx.three says:

    March 12th, 2008 at 8:28 pm (#)

    […] ProtoFlow - Descargar […]

  41. moca says:

    March 12th, 2008 at 11:32 pm (#)

    It’s easy to use.
    Thank you very much.

    My page

  42. ProtoFlow, faz me lembrar o iPhone | Ajax Noticias Novidades tudo sobre Ajax says:

    March 13th, 2008 at 12:46 am (#)

    […] Site oficial: Deensoft […]

  43. Protoflow: 开源的内容浏览应用程序 | 帕兰映像 says:

    March 13th, 2008 at 12:51 am (#)

    […] ProtoFlow 是一个开源的内容浏览程序,创建于Prototype和script.aculo.us框架,可以实现像iTunes封面悬浮流动那样的效果。 […]

  44. Jim Browski says:

    March 13th, 2008 at 4:34 am (#)

    Why reinventing the wheel?
    Take a look at:

    Image Flow 0.8
    http://imageflow.finnrudolph.de/

    It’s a well tested, cross-browser script based on jquery.

  45. Mark says:

    March 13th, 2008 at 4:58 am (#)

    Jim: I don’t think this is reinventing the wheel, Image Flow 0.8 is based on JQuery and this is based on Prototype. Different frameworks can do the same thing - nothing wrong with that.

    However, I would like to see some improvements in the script specially the ones mentioned above in other replies.

  46. Jim Browski says:

    March 13th, 2008 at 5:29 am (#)

    @Mark

    Sure. I took a second look at Image Flow and found no trace of jQuery. So i was wrong with that, sorry. Image Flow seems to be based on a original script made by Michael Perry:

    http://www.adventuresinsoftware.com/blog/?p=104

  47. Obaid says:

    March 13th, 2008 at 5:35 am (#)

    @Jim and @Mark:

    The point of ProtoFlow is NOT to reinvent the wheel. The point is to learn JS. That’s why i wrote ProtoFlow. You don’t have to use ProtoFlow if you don’t wish to. Its just another script out there that does something that someone else in this world might have already done.

    :o)

  48. Dj T@l says:

    March 13th, 2008 at 6:42 am (#)

    Hi,

    Beautifull work.
    Someone suggest to use alt property of image as caption.
    This line of code do the trick for me :

    this.captions = this.stack.pluck(”alt”);

    Hope this help.

  49. Mark says:

    March 13th, 2008 at 8:52 am (#)

    This is outstanding work, thanks for sharing it!

    I noticed a comment on The Ajaxian regarding the ordering of images but thought you may be reading comments more closely here… One person suggested putting the image in the middle of the list in front, but I like your current implementation because the first three images in the list are the most prominent (perhaps the most important items are in the front due to timestamps, priority, etc.).

    That got me thinking, for maximum flexibility perhaps you could allow for a tag to indicate which image is front and center. Maybe class=”center” inside the image tag or something along those lines.

  50. ProtoFlow Updated - Better Captions & Image Reflection! :: Deensoft says:

    March 13th, 2008 at 12:55 pm (#)

    […] reading through comments on the original launch post I finally got a chance to update the ProtoFlow script for with latest […]

  51. Obaid says:

    March 13th, 2008 at 1:06 pm (#)

    I have updated the script:

    http://blog.deensoft.com/2008/03/13/protoflow-updated-better-captions-image-reflection/

    :)

  52. links for 2008-03-14 at DeStructUred Blog says:

    March 13th, 2008 at 6:18 pm (#)

    […] ProtoFlow first preview release… :: Deensoft (tags: javascript prototype coverflow scriptaculous) Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages. […]

  53. Willem says:

    March 14th, 2008 at 4:44 am (#)

    Hi,

    For another example take a look here:

    http://noxon.nl/home/en

    I have an important remark here. Do not include all scriptaculous files is you don’t need them. This line:

    should be changed to:

  54. links for 2008-03-14 « Laraya’s Weblog says:

    March 14th, 2008 at 11:24 am (#)

    […] ProtoFlow… CoverFlow with Protoype Des versions Flash étaient déjà disponibles mais voici une version de galerie photo réalisée avec prototype et reprenant le fameux CoverFlow d’Apple. (tags: javascript prototype coverflow scriptaculous library) […]

  55. crawlspace|media » Blog Archive » Daily Ma.gnolia Links for March 14 says:

    March 14th, 2008 at 10:59 pm (#)

    […] ProtoFlow first preview release… :: Deensoft […]

  56. Giuseppe Raso says:

    March 15th, 2008 at 6:58 am (#)

    Good job :D

  57. ProtoFlow - Galería de imágenes con Prototype « Think Free - Linux.Php.Java.ME.Movies says:

    March 15th, 2008 at 4:34 pm (#)

    […] Sitio: ProtoFlow […]

  58. Cow’s Blog » Blog Archive » ProtoFlow: Coverflow for Javascript says:

    March 17th, 2008 at 12:05 pm (#)

    […] is a script which implements this on your website using Javascript. It generates the effects and interface using Prototype.js and Scriptaculous, and the image reflections using […]

  59. ThetaCom.info » » Bookmarks for March 22nd through March 23rd says:

    March 23rd, 2008 at 2:06 am (#)

    […] ProtoFlow first preview release? :: Deensoft - […]

  60. Blog of Glenn Marcus » Blog Archive » ProtoFlow: Coverflow for Prototype says:

    March 25th, 2008 at 8:59 am (#)

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

  61. ProtoFlow: Coverflow for Prototype @ Blog of Glenn Marcus says:

    March 25th, 2008 at 11:32 am (#)

    […] ProtoFlow: Coverflow for Prototype Posted on March 25, 2008 by Glenn. Categories: ajax.Obaid Ahmed has written a coverflow-like component on top of Prototype and Script.aculo.us called ProtoFlow. […]

  62. Exceptional Ajax/javascript Techniques (Recently Created) says:

    May 11th, 2008 at 10:04 pm (#)

    […] ProtoFlow- ProtoFlow is a coverflow effect written in Javascript. It uses Prototype, Scriptaculous and also […]

  63. 30 recently created exceptional ajax javascript techniques says:

    May 14th, 2008 at 6:08 am (#)

    […] ProtoFlow- ProtoFlow is a coverflow effect written in Javascript. It uses Prototype, Scriptaculous and also uses Reflection.js to do bulk of the work and it uses Reflection.js to do all the image reflections stuff! […]

  64. StarryNight » Blog Archive » 最新ajax特效30则 says:

    June 11th, 2008 at 5:30 pm (#)

    […] you can build transparent border, colorful layouts and “Flash-like” effects. 演示 下载 19) ProtoFlow- ProtoFlow is a coverflow effect written in Javascript. It uses Prototype, Scriptaculous and also […]

  65. nodalailama says:

    July 1st, 2008 at 7:07 am (#)

    hi, you cover flow isn’t usable, and i think you don’t know why ?

    1) Making something using computers allow us to have a dynamic behaviour … We are in 2008, and you are making static stuff,
    well understand that coders like integrate and adapt code, but protoFlow.js is deep c**t coded, so we cannot put you protoFlow in big projects.

    Even if i’m crying after have spent 10hours to modulate your lib, I SAY NO; PLEASE NEVER DO THE SAME, use more parameters,
    ask for help if needed, or simply try again.

    It’s was a cool thing to try make a cover flow using scriptaculous, prototype and reflection,

    BUT YOU FAILED TO ENTER IN THE GLORY HOLE OF SMART STUFF

  66. Obaid says:

    July 2nd, 2008 at 10:42 am (#)

    nodalailama: I welcome your comments but I do not welcome your attitude. I never claimed that this script was perfect and the whole reason to release it as opensource is to provide others a chance to improve on it if something is missing. If you don’t like the code, then please by all means move on and find something that does work for you. I am not forcing this down your throat am i?

    And please refrain from using that sort of tone in your msgs, it just makes you that much more irrelevant to me.

  67. nodalailama says:

    July 3rd, 2008 at 5:56 am (#)

    Well, sorry for my attitude … When using reflection, images are not resizable wich is the primary visual effect of a cover flow : coming from the background to the front …. when i’m using 12 images + reflection, it take 11 seconds to generate the CF, and during this time, images are displayed like a tab, witch isn’t very clean; yes i guess i’m working with other stuff near and my webpage isn’t only containing the protoflow, so please tell me if it’s a built-in function witch limit us to not use protoflow in another way … thanks for you reply Obaid, you tone sounding like Daddy voice … oups

  68. 2008 free casino chips says:

    July 4th, 2008 at 1:37 am (#)

    2008 free casino chips…

    2008 free casino chips…

  69. Joyland casino no deposit says:

    July 30th, 2008 at 8:55 pm (#)

    Joyland casino no deposit…

    Joyland casino no deposit…

  70. Duhh Vilela says:

    August 5th, 2008 at 6:15 am (#)

    oh, very good
    Script very excellent

    ;D

  71. CoverFlow For Prototype: ProtoFlow says:

    August 30th, 2008 at 6:54 am (#)

    […] Website […]

  72. sapien1980 says:

    September 3rd, 2008 at 8:22 pm (#)

    good post! thanks :)

  73. shal says:

    November 10th, 2008 at 11:43 pm (#)

    hey there. i managed to implement Protoflow in my program but the reflection part doesn’t seem to work. if there’s a bug or either a newer version of Protoflow please let me know. thanks

  74. Ajax/javascript Techniques | Design it says:

    December 16th, 2008 at 8:28 pm (#)

    […] ProtoFlow- ProtoFlow is a coverflow effect written in Javascript. It uses Prototype, Scriptaculous and also […]

  75. heleis says:

    February 2nd, 2009 at 2:11 am (#)

    Hi,

    I’m sorry but my english is very bad…
    I’m unable to change the reflect opacity. I try this :

    but nothing change…

    What can I do ?

    Bravo ! for your widget

    Regards

  76. Alexwebmaster says:

    March 3rd, 2009 at 12:13 am (#)

    Hello webmaster
    I would like to share with you a link to your site
    write me here preonrelt@mail.ru

  77. Photoshop Snowflake Brushes Collection says:

    May 8th, 2009 at 8:17 am (#)

    […] ProtoFlow is an open source content viewing application built with Prototype & script.aculo.us which functions similar to the famous iTunes Cover Flow. […]

  78. Paul Whitrow says:

    August 12th, 2009 at 3:32 pm (#)

    I too have built something similar to this, it’s called xFlow! and is available here: http://pwhitrow.com/shop/products/xflow/

  79. 30个精挑细致的Ajax和Javascript 技巧 | 帕兰映像 says:

    August 17th, 2009 at 2:57 pm (#)

    […] it from here. 19) ProtoFlow- ProtoFlow是一个使用 Javascript脚本的封面循环展示特效. 它基于 Prototype, […]

  80. Mark Hilton says:

    August 20th, 2009 at 5:20 am (#)

    Nice script! :)

  81. olağan üstü Ajax/javascript teknikleri | nettuts says:

    September 14th, 2009 at 2:49 pm (#)

    […] 19) ProtoFlow- Apple inkine benzer bir kayan resim uygulamasi Prototype,Scriptaculous ve Reflection.js […]

  82. Diego Perez says:

    September 16th, 2009 at 6:23 am (#)

    Thank you very much for your input, is an excellent job and helped me.
    But I have a problem, href> target: _blank by clicking on it sends me to the website that request.
    It works only with the right mouse click.
    How can I make it work with just one click
    left mouse?

  83. lolikou says:

    October 4th, 2009 at 8:16 pm (#)

    Nice post. Do you like britney ? You can find Britney’s new Songs and MTVs at
    Britney Times

  84. toniapub says:

    October 29th, 2009 at 1:35 pm (#)

    I have a fresh joke for you) What do you get from a pampered cow? Spoiled milk.
    ___________________________
    –/ viagr Charlotte /–

  85. ajax好玩的特效30则 « @恨完美主义| ISO1.com <– 优秀域名转让 says:

    November 5th, 2009 at 1:51 pm (#)

    […] 19) ProtoFlow-ajax相片展示效果,左右滚动并有倒影效果 […]

  86. 10 Excellent JQuery Plugin for Image Manipulation | denbagus blog says:

    November 26th, 2009 at 3:51 am (#)

    […] ProtoFlow is open source content display built with prototype and script.aculo.us which functions similar to known ITunes Cover Flow.It noted that the use of additional functions in the future as auto play and can reflect the image. […]

  87. 10 Excellent JQuery Plugin for Image Manipulation | Muktar Is Rocking !!! says:

    December 2nd, 2009 at 2:08 am (#)

    […] ProtoFlow is open source content display built with prototype and script.aculo.us which functions similar to known ITunes Cover Flow.It noted that the use of additional functions in the future as auto play and can reflect the image. […]

  88. webmastery says:

    February 1st, 2010 at 11:29 am (#)

    Hi,
    When using both autoplay and slider set to true, then I worry about the slider who is “sleeping” when auto-playing :-(

  89. Flash says:

    June 8th, 2010 at 4:10 am (#)

    But right away I arrange rush at to feel that the whole world is an enigma, a benign enigma that is made rueful aside our own mad as a march hare assault to simplify it as supposing it had an underlying truth.

  90. Lisa says:

    June 9th, 2010 at 9:15 pm (#)

    I feel I just have been informed about this subject
    at job yesterday by a colleague, but at that time
    it didn’t caugh my attention.

  91. balance board says:

    June 15th, 2010 at 10:46 am (#)

    A humankind begins scathing his insight teeth the earliest often he bites out more than he can chew.

  92. hikaye says:

    June 16th, 2010 at 5:20 pm (#)

    merhaba hikaye web sitem var. forumunuzdan kaynak gostererek guzel yazilar alabilirmiyim acaba. tesekkurler

  93. ProtoFlow – Galería de imágenes con Prototype | Pixelco Blog says:

    June 29th, 2010 at 6:00 am (#)

    […] Sitio: ProtoFlow […]

  94. Niva says:

    July 2nd, 2010 at 4:53 pm (#)

    Need help, my images in the flowing gallery are cut on height. I’ve tried about everything to fix the issue. I believe it is js. D: Not sure. Please help. :)

  95. Niva says:

    July 2nd, 2010 at 4:56 pm (#)

    Oh forgot, my site where gallery is is valhagueart.com
    It’s on the homepage.:D

  96. Exceptional Ajax/javascript Techniques (Recently Created) | amitkosti.name says:

    July 11th, 2010 at 4:36 am (#)

    […] it from here. 19) ProtoFlow- ProtoFlow is a coverflow effect written in Javascript. It uses Prototype,Scriptaculous and also […]

  97. Malena Neuzil says:

    April 15th, 2011 at 12:26 pm (#)

    Normally I do not learn article on blogs, but I would like to say that this write-up very pressured me to take a look at and do so! Your writing taste has been amazed me. Thanks, very great article.

  98. zeroxtrpo says:

    May 5th, 2011 at 8:37 am (#)

    Wow this information is great! Thanks this has helped me alot! Im sure your post’s are one of the best out there! always
    so acurate!

  99. Chester Blancato says:

    July 16th, 2011 at 7:39 am (#)

    Greetings from Idaho! I’m bored at work so I decided to check out your blog on my iphone during lunch break. I enjoy the knowledge you present here and can’t wait to take a look when I get home. I’m shocked at how quick your blog loaded on my cell phone .. I’m not even using WIFI, just 3G .. Anyhow, awesome site!

  100. Dominique Villalvazo says:

    July 28th, 2011 at 6:01 pm (#)

    Just about all of whatever you mention is astonishingly appropriate and that makes me wonder the reason why I hadn’t looked at this with this light before. This article really did switch the light on for me as far as this specific subject goes. But at this time there is actually one particular position I am not really too comfy with so while I try to reconcile that with the actual main theme of the point, allow me observe what the rest of the visitors have to point out.Very well done.

  101. Kennith Seegert says:

    July 29th, 2011 at 6:42 pm (#)

    Just about all of whatever you assert is astonishingly legitimate and it makes me ponder the reason why I had not looked at this in this light before. Your article truly did turn the light on for me personally as far as this specific subject goes. However at this time there is actually just one factor I am not too comfortable with and while I make an effort to reconcile that with the core idea of the position, permit me see just what all the rest of the visitors have to point out.Very well done.

  102. 环保锡条 says:

    July 31st, 2011 at 9:17 pm (#)

    Hi! Quick question that’s entirely off topic. Do you know how to make your site mobile friendly? My website looks weird when browsing from my apple iphone. I’m trying to find a theme or plugin that might be able to resolve this problem. If you have any recommendations, please share. Thank you!

  103. Sharyl Voge says:

    August 3rd, 2011 at 1:27 am (#)

    Along with every little thing which seems to be developing within this specific area, your perspectives tend to be relatively exciting. Having said that, I appologize, but I can not give credence to your entire plan, all be it stimulating none the less. It appears to us that your opinions are not completely validated and in fact you are generally your self not even thoroughly certain of your point. In any case I did appreciate reading it.

  104. Conan says:

    September 12th, 2011 at 1:18 pm (#)

    Hello! This is my first comment in this article and so i i just want to provide a quick shout out and show you I actually love reading through your websites. Are you able to recommend any blogs

  105. Bowen says:

    September 13th, 2011 at 4:27 pm (#)

    Hey there, I found your web site by way of Search engines even as searching for a very similar subject, your website showed up, seems like great. I have bookmarked it inside my yahoo bookmark

  106. CoverFlow For Prototype: ProtoFlow | The Web logix Blog says:

    April 11th, 2012 at 10:51 am (#)

    […] ProtoFlow is an open source content viewing application built with Prototype & script.aculo.us which functions similar to the famous iTunes Cover Flow. […]

  107. Best Free Android Games says:

    August 2nd, 2012 at 12:56 am (#)

    I have been surfing online more than 3 hours today, yet I never found any interesting article like yours ProtoFlow first preview release… :: Deensoft. It’s pretty worth enough for me. In my view, if all site owners and bloggers made good content as you did, the internet will be a lot more useful than ever before.

  108. BK says:

    September 6th, 2012 at 5:19 am (#)

    Wonder if deensoft.com and the Protoflow project are still alive? Can’t really connect to deensoft.com and its subsites. Are you brillant guys still in business. I’d really appreciate a look at your protoflow/coverflow realization.

  109. author says:

    September 27th, 2012 at 9:34 pm (#)

    play book of ra Really impressed! Everything is very open and very clear clarification of issues. It contains truly news. Your website is very useful. Thanks for sharing.

  110. 29款Ajax超级特效展示及下载 says:

    November 23rd, 2012 at 7:56 am (#)

    […] 19) ProtoFlow-ajax相片展示效果,左右滚动并有倒影效果 […]

  111. Geneva says:

    January 19th, 2013 at 2:54 pm (#)

    I must thank you for the efforts you’ve put in writing this blog. I really hope to see the same high-grade blog posts by you in the future as well. In fact, your creative writing abilities has inspired me to get my own blog now ;)

  112. critical care unit says:

    April 9th, 2013 at 4:07 am (#)

    This web site definitely has all of the information I wanted about this subject and didn’t know who to ask.

  113. blogging bank 2011 says:

    April 17th, 2013 at 1:59 am (#)

    An interesting discussion is definitely worth comment. I do believe that you should publish more on this topic, it may
    not be a taboo matter but typically folks don’t speak about such topics. To the next! All the best!!

  114. cellulite treatment says:

    May 26th, 2013 at 5:18 pm (#)

    I love what you guys are up too. Such clever work and reporting!
    Keep up the very good works guys I’ve added you guys to blogroll.

  115. Prince Harry says:

    August 6th, 2013 at 11:31 pm (#)

    Hello, i think that i saw you visited my weblog thus i came
    to “return the favor”.I’m attempting to find things to enhance my web site!I suppose its ok to use some of your ideas!!

  116. 【ajax】29款Ajax超级特效展示及下载 | 编程爱好者-中国编程爱好者学习编程技术的乐土 says:

    September 14th, 2013 at 7:19 pm (#)

    […] 19) ProtoFlow-ajax相片展示效果,左右滚动并有倒影效果 […]

  117. recreation says:

    January 19th, 2014 at 1:29 pm (#)

    What’s up еveryone, іt’s my first go to see at thiѕ site,
    and piece of writing іs truly fruitful fօr me,
    kkeep up posting these posts.

    Μy blog post: recreation

  118. product review says:

    February 10th, 2014 at 7:33 am (#)

    Amazing artwork! Be the types of facts that happen to be allowed to be distributed online. Feel bad for on yahoo without extended positioning that offered larger! Can happen through as well as check with this site. Thanks =)

Leave a Response