Comments on: cFlow – Coverflow for jQuery (Experimental Release)

By: josh

josh — Thu, 25 Feb 2010 18:37:14 +0000

I made the changes to cflow.js from the suggestion made by (”-”) and the coverflow works. The slider bar doesn’t. Anyone got this to work?

Also i noticed the mouse doesn’t work?

By: ssenn

ssenn — Mon, 16 Nov 2009 12:03:42 +0000

hi there.

first of all… thx for the great plugin.

but i have a little problem. if i click on the knob of the silder there will be tree blue pixel on the left side near the caption text. why?

By: Javier Tapia

Javier Tapia — Wed, 12 Aug 2009 21:16:10 +0000

Nice work!
The IE changes proposed by \-\ works fine for me. Thanks!

By: Dimitar Haralanov

Dimitar Haralanov — Fri, 31 Jul 2009 17:21:21 +0000

The problem with the JS code not working in IE comes from the wrong .offset() call that you make. Wrong for IE. Instead of using

var top = offsets[1];
var left = offsets[0];

change that to

var top_ = offsets[1] || offsets.top;
var left_ = offsets[0] || offsets.left;

As well as the the width and height variable statements. There are some other problems with object property declarations. I will upload the modified file later on so that you guys can use it.

By: legacye

legacye — Sun, 21 Jun 2009 22:58:07 +0000

Hi Rav3n
Thanks for the suggestions! At the moment the reason I’ve opted to go for experimental releases for single browsers (rather than a cross-browser solution) is because I’m researching the best way to first replicate all the functionality found in the CoverFlow component you can see in iTunes. This particular release was missing angles, perspectives and a proper “stack” appearance which is why I chose to create a better version using the Canvas component (see the most recent posts for this). Although it currently only works in Firefox I hope to expand on this so that the control works using SVG for IE and in other browsers (such as Opera, Safari etc.) too.

By: Rav3n

Rav3n — Sat, 20 Jun 2009 18:53:55 +0000

Hi Adnan,
I have compared the functionality of this and the newer release and I think you should rather concentrate on making it work on all browsers for a while. Even Opera10beta doesn’t support it.
A small suggestion without looking into code:
to fix the transparency issue could you place a black object with 100 opacity below the cover reflection?

Also the scroll bar is not positioned right.. Well.. it’s too far to the right :)
Hope it gives you some ideas

By: pohvak

pohvak — Mon, 15 Jun 2009 05:19:23 +0000

i make those changes in the jquery-cflow.js file and yet having problems with IE 7 (reflection works fine) but coverflow is not moving :S

By: "-"

"-" — Mon, 08 Jun 2009 18:45:30 +0000

To make it working under IE (at least 7), just change the following lines (L7-10):
var top = offsets[1];
var left = offsets[0];
var width = element.clientWidth;
var height = element.clientHeight;

with that :
var top = offsets[1] ? offsets[1]: 0;
var left = offsets[0] ? offsets[0]: 0;
var width = $(element).innerWidth();
var height = $(element).innerHeight();

To make the slider compliant with JQueryUI 1.7.1, changes lines 78-80 with the following :
min: 0,
max: this.getStackCount() – 1,
value: this.getCurrentPos(),

Rgds,

“-”.

By: "-"

"-" — Mon, 08 Jun 2009 18:44:34 +0000

To make it working under IE (at least 7), just change the following lines (L7-10):
var top = offsets[1];
var left = offsets[0];
var width = element.clientWidth;
var height = element.clientHeight;

with that :
var top = offsets[1] ? offsets[1]: 0;
var left = offsets[0] ? offsets[0]: 0;
var width = $(element).innerWidth();
var height = $(element).innerHeight();

To make the slider compliant with JQueryUI 1.7.1, changes lines 78-80 with the following :
min: 0,
max: this.getStackCount() – 1,
value: this.getCurrentPos(),

Rgds,

\-\.

By: Alex

Alex — Mon, 08 Jun 2009 10:02:31 +0000

I’d love to see this working in IE and from the looks of it, Reflex would be a good way to go. Great work, would kill to see it working in IE.