3749 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 more
pezflash says
$(document).ready(function() {
    $("#thumbs").delay(10000).animate({
        opacity: 1,
        left: 0        //WHATEVER YOUR X POS
    }, 1000, function() {
        // Animation complete
    });
});
5492 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

Hey cheers guys.

I created this so far,
$(document).ready(function() {
        setTimeout(function() {
            var first = $('#coolDiv-1').offset().left;
            $("#coolDiv-1").css({first:first}).animate({"left":"10px"}, "slow");
            }, 8000);
        setTimeout(function() {
            var second = $('#coolDiv-2').offset().left;
            $("#coolDiv-2").css({second:second}).animate({"left":"170px"}, "slow");
            }, 10000);
        setTimeout(function() {
            var third = $('#coolDiv-3').offset().left;
            $("#coolDiv-3").css({third:third}).animate({"left":"330px"}, "slow");
            }, 12000);
        setTimeout(function() {
            var fourth = $('#coolDiv-4').offset().left;
            $("#coolDiv-4").css({fourth:fourth}).animate({"left":"490px"}, "slow");
            }, 13500);
        setTimeout(function() {
            var fifth = $('#coolDiv-5').offset().left;
            $("#coolDiv-5").css({fifth:fifth}).animate({"left":"650px"}, "slow");
            }, 14500);
        setTimeout(function() {
            var sixth = $('#coolDiv-6').offset().left;
            $("#coolDiv-6").css({sixth:sixth}).animate({"left":"810px"}, "slow");
            }, 15000);
            });

I think what I have done is correct, no errors and all works, just wondered about adding elastic stuff? easeinout etc

60 posts
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 1+ items on Envato Market
+3 more
DavidGuns says

I think you can use jquery extend to make it simple

224 posts
  • Has referred 1+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Had an item featured in an Envato Bundle
+4 more
WPAlchemy says

For a better effect I would add all animations into the same timeout and just change the animation speed for each of them. You will see the effect is a lot nicer (less linear).

5492 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

I would if I could lol, will have a bash tho. :) Will probs make a jsfiddle in a few mins, then anyone can pitch in on the actual code :)

5360 posts The Dude Abides
  • Located in United States
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Has been part of the Envato Community for over 5 years
+9 more
CodingJack says

Jonathan’s advice is good as CSS3 is going to be much smoother than jQuery. Here’s an example:

http://jsfiddle.net/uHTUG/
5492 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

Jonathan’s advice is good as CSS3 is going to be much smoother than jQuery. Here’s an example: http://jsfiddle.net/uHTUG/

Looks better than my version, but I tried dovetailing your code into mine, and just got in a right darn mess. ( please wait a few seconds for it to kick in )

http://jsfiddle.net/ozzy/B8k4q/
60 posts
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 1+ items on Envato Market
+3 more
DavidGuns says

you can do a lot animate with animate.css check my simple work http://jsfiddle.net/DavidGuns/RJr2X/1/

don’t forget to rate star. kidding :D

5492 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

Thanks David

any chance one of you guys could edit my fiddle :)

Will show you the final page once its all done, its pretty neat.

5492 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

Finally nailed it, cheers guys ;)

by
by
by
by
by
by