Comments on: ProtoFlow - Now supports Keyboard and Mouse Wheel Events!

By: Sumit Verma

Sumit Verma — Tue, 17 Nov 2009 04:23:35 +0000

Is it possible to modify the script so that we have an option for looping? So, whether you are going from left to right or right to left, there is no end and its continuous?

By: jobawareness

jobawareness — Sat, 22 Aug 2009 05:33:19 +0000

Reflection is not working in chrome, i mean it shows as an extended image no opacity element there. Any suggestions on changing the code to work well with IE7, IE6.

By: mc_plectrum

mc_plectrum — Thu, 14 May 2009 09:38:47 +0000

I have a problem: Launching the demo on my local machine does not work, but on http://www.deensoft.com/lab/protoflow/ it works pretty well.
I tried to include it in my project, but i get the same issue:
Images are shown among each other for some seconds, but afterwards they disappear.
Tried the new versions of scriptacolous etc., but this did not help.
Any one a suggestion?

By: Bill Warren

Bill Warren — Sat, 09 May 2009 17:06:39 +0000

Well, its definitively not the script Same project moved to new dev environment yeilded expected results….doh!

By: Bill Warren

Bill Warren — Fri, 08 May 2009 20:43:49 +0000

Hi everyone! Please let me start by saying that I really enjoy this script! I am very new to JS (been doing it about a week and a half now) and I am getting an error that I cannot seem to find resolution for and I am hoping someone smarter than me can lend me a hand.

I have been using this script on a site I am developing and what seems like ‘all of a sudden’ it quit working. I am getting an error that ‘Control is undefined’ at the line below

“this.slider = new Control.Slider(this.sliderHandle, this.sliderTrack, {
range: $R(0, this.getStackCount() - 1),
sliderValue: this.getCurrentPos(), // won’t work if set to 0 due to a bug(?) in script.aculo.us
onSlide: this.handleSlider.bind(this),
onChange: this.handleSlider.bind(this)
});”

I am theorizing that it has to do with the scriptalicious lib (slider.js) but I don’t know what to do to fix it even if I was right. I did expirament with setting slider: false when initializing the effect, it changed it back to ‘true’ after I tested the result.

Any words of encouragement/advise?! Thanks!!

By: Dirk

Dirk — Mon, 26 Jan 2009 08:27:12 +0000

Hi, thanks for this great script. I’m currently in the first stages of experimenting with it, and I’m stuck here: when I load the webpage, the protoflow object seems to be instanciated right after the images are loaded (Event.observe(window, ‘load’, function() etc). The problem is esthetic: the browser displays the protoflow div first, loads the images in it, (so they are bicely lined up on screen, and only THEN instanciates the protoflow object. That’s how it behaves on your demo page too. I tried replacing “Event.observe(window, ‘load’, function(”) by “$(document).observe(”dom:loaded”, function()” which should normally do better, well indeed it does, (no images displayed before the “stack”), but then I loose the reflexions (I guess the canvas is not resized to accomodate the reflexions early enough).

I’d be grateful for a hint on how to solve this (I’m a js beginner….)

Thanks!
Dirk

By: MikeS

MikeS — Thu, 01 Jan 2009 06:58:22 +0000

I really like this script and would love to use it in a project or two. Is there any way to code the protoFlow script to use arrows at each end of the scrollbar or in each of the lower corners that when cliked would advance the images by 1 in which ever direction was chosen. I think this would greatly enhance the function of this wonderful little script. Thanks.

By: cease

cease — Mon, 14 Jul 2008 18:55:47 +0000

I believe I dl’d the version released on July 7th, but there’s several issues i’m running into

1. auto play and starting at 1st position is broken. right now I start at 0, and allow it to play and that seems to work, and I modified the code to check if nil, display a permanent caption. but really is not a fix.

2. I see the code working in FF3 on your site, but for some reason on my site, everything is still hidden.. i get no js errors, so just wondering , if this is common occurance, or if there are any other ideas ?

By: al

al — Wed, 09 Jul 2008 14:51:57 +0000

“Issue with the width and height of the image is still outstanding”

Hi, i have gently fixed the resizing function : images and their respective canvas ( if reflection is wanted ) are getting smaller when going to the background and bigger when going to the frontground.

I use stylesheet to force css, it’s simple and not really bieutifull, but it may be a clue for a correct use.
My stylesheet :

#protoflow {
width: 250px;
margin-top: 10px;
height: 145px;
padding-right: 26px;
}
#protoflow a {
padding: 0px;
margin: 0px;
// this value is important even seems to be no sense
// ‘a’ won’t get those value ‘height, width’ but it help us a lot
// the default size will be based on the image width then height is auto
height: 30px ;
width: 80px ;
display:block;
}
#protoflow div {
height: 100% !important;
width: 100% !important;
}
#protoflow img {
padding: 0px;
margin: 0px;
height: auto;
width: 100%;
}
#protoflow canvas {
padding: 0px;
margin: 0px;
height: auto !important;
width: 100% !important;
}

I wish after have been little bit stupid using a special tone with Obeid, that it will help you.

By: Xavier

Xavier — Mon, 07 Jul 2008 17:56:02 +0000

Just a detail, my name is Xavier (just one v)
I need to change my keyboard.