jQuery - Auto Alignment function

Question

0.00/5 (No votes)

See more:

I would like incorporate this auto alignment technique into my website.
http://activeden.net/item/dynamic-xml-horizontal-image-gallery/full_screen_preview/45481[^]
My guess was that it was done with jquery. Does anyone know the correct name of this function? Any tutorial links would be much appreciated.
Thanks.
JimTiger

Posted 24-Jun-10 8:16am

Jimtiger

Add a Solution

Comments

[no name] 24-Jun-10 16:28pm

What do you mean by "auto alignment"?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

TheyCallMeMrJames · Answer 1 · 2010-06-24T18:05:00

I think you're meaning, by auto alignment, how the images are lining up when you release the scroll bar?

The source of that page reveals that it's a Flash thing there, not jQuery. You can see this by viewing the source of this file: http://s3.envato.com/files/130621/index.html

Unfortunately there's no magic alignment function, but you could write one.

You're going to need to have the slider represent x number of images (or elements) that are of width y. You'd use jQuery animation to animate to the appropriate placement of the elements inside a div that hides it's overflow.

You might want to check out a few samples on jQuery sliders as this would give you a huge head-start on making progress.

Cheers.

Jimtiger · Answer 2 · 2010-06-25T03:13:00

Yes James thats what I meant. I should have guessed it would have been done in flash since it was a swf. In my project I am using a swf inside a div, so I could easily pull this off with flash then. Although I plan to achieve this with jQuery mainly because I want to keep the browser scroller. Writing this function sounds like a challenge. Thanks for the points of reference.
Take it easy.

jQuery - Auto Alignment function

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0