Link to home
Start Free TrialLog in
Avatar of foulmouthedleon
foulmouthedleon

asked on

Horizontal jCarousel scrolling

I asked a question yesterday, but I think I need to clarify it a bit.

I downloaded a template that I want to modify to suit my needs.  It's meant to work in Flash but I have no idea how to modify this in Flash.  So I want to see if I can use the jCarousel component which might be easier.

Here is my image that I have and I essentially want it to work horizontally.  When the arrow is clicked, the filmstrip goes tha direction, etc.

http://www.nineteenhearts.com/images/filmstrip.jpg

I have no idea how to program this with jCarousel - I'll need code.  Or if there's another easier way, I'm all ears.

Thanks in advance for any help you all can give me.

I can post the original .fla file if anyone thinks this is best done in Flash, though I'll be updating the page daily...
Avatar of Zyloch
Zyloch
Flag of United States of America image

Do you have the film strip image so that you can style them around your images? Are all your images the same size? Whether this is done in Flash or JavaScript is in the end up to you. But there are plenty of jCarousel and jCarousel Lite examples with horizontal scrolling. For example, http://sorgalla.com/projects/jcarousel/examples/static_simple.html
Avatar of foulmouthedleon
foulmouthedleon

ASKER

Yes, I do have the film strip image and the images will all be the same size.  I've seen the examples, though I'm a bit fuzzy on how to actually program that example you cited to suit my needs.  Any ideas?
Look at, for example, the first style here: http://sorgalla.com/projects/jcarousel/skins/tango/skin.css. You might be able to set the background image to the film strip, and a little tweaking might give you what you want.
Ok, the film strip image is easy.  It'd just be a top image and a bottom image that are, essentially the same thing.  the sides can be just a black line (HTML) - I can tweak that later.

Let's say my images are all 400px x 300px - how would I modify that CSS file so it would look like the sample I mentioned in my first post?

I can probably do it, but it'd take me a few hours whreas if someone here can do it in ten minutes, well, that'd help me out.
ASKER CERTIFIED SOLUTION
Avatar of Zyloch
Zyloch
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Ok, I have a crude version working.  I think I can take it from here - most likely just a lot of trial and error.  Enjoy the points!