Been trying to make it a better replication, tho have some problems with reflections, so decided to skip that for a bit and work on scrolling, with steps greater than one.
I’ve had some hiccups with the animation again, so will have to consider ripping that out and redoing it.
The animation being the size alterations to the podcast cover images.
So heres the YouTube Demo of the Coverflow with the Slider working, and the traditional links updating the slider value.
Also when I get this to a working level, gonna need to redo the Version Numbers 😛
When I get this working nicely, it will be rather useful, both for LSRfm.com and personal use, since it will rotate any content inside a li, tho if theres an img it will do the resizing.
Perhaps drawing inspiration from the game covers rotator on Game.co.uk as well, we shall see….
Both of which are demos, using parts of jQuery and the jQuery UI, or elements of Canvas (which has been throwing odd errors in my firebug)
The second still being sat in the labs part of the UI svn, and not been touched for 6 months.
So further hunting found me, content flow, which looks quite good, but I couldn’t get it to implement properly or do quite what I wanted too, without throwing lots of errors and not working.
So, I thought about it for a while and heres the first result.
Video done on Mac Quicktime Player, (screen recording), web deploying soon…
I’ve used the jCarousel Plugin, which I already use on LSRfm.com for the LSRfm.com Twitter Rotator.
And using its callback functions and elements of jQuery’s animate library. I’ve created this iTunes/Apple Coverflow effect, still some work to do, and make it nice and configurable, so others can easily implement it, perhaps even make it and extension to jCarousel…
So, I have my server set up to accept large files, since I have built a nice new podcast submission system for LSRfm.com on the machine called LSR-LOCAL.
Now I decided that its all well and good trying to make it work/look nice, in terms of waiting for uploading for files and little feedback, we are dealing with the lesser tech orientated here.
So since I already have jQuery on the website, I started looking there.
The first one I found jcUpload looks rather good, and then I saw the multi file upload aspect of it and thought I can use that to do multi file transfers for LSRfm.com Production to bounce files around each other securely, rather than relying on email or rapidshare.
However that fails on files over 5Mb.
Went on a hunt around for general flash uploaders, since I read somewhere flash handles up to 100Mb or so nicely (I think it was on jcUpload’s website), I found SWFupload, however I couldn’t get it to configure properly.
During my initial search for jQuery plugins I found uploadify, which looked quite good, but got distracted by jcUpload. Uploadify essentially just kicks ass.
And now I have a nice little production file sharer, that will handle multi file uploads, and look good in the process. Since it has a nice progress bar, and handles queueing nicely without have to have a shed load of configuration or extra files like SWFupload.
I did look at AJAX-Upload but decided I’d stick with the flash solution, since the AJAX solution didn’t have a upload progress bar.
Now that I’ve finished the nice uploader for production I can go back to the podcast uploader and add the flash uploader.
Also need to figure out how to nicely remove a file element if the flash does the upload…. Probably a separate form but that will require a hefty recode of a lot of code that already works, but it will look and work nicer in the long run.