iPixel Posted January 21, 2010 Share Posted January 21, 2010 I firstly want to know if such a thing is possible to accomplish using javascript. This is done in flash, but i'm looking to replicate such animation with javascript. Any links scripts code snippets will help. go to http://studiotroypaul.com/ and click on Editorial Pg1 and see how the images slide over. This is kinda similar to Lightbox with a slide left and right effect though. Thanks! Quote Link to comment Share on other sites More sharing options...
The Little Guy Posted January 22, 2010 Share Posted January 22, 2010 I don't know of any tutorials, but this is possible. here is an example, copy and paste this into an html file to see what happens: <script> var interval = setInterval('moveBox()', 10); function moveBox(){ var box = document.getElementById('box'); var pos = box.offsetLeft; box.style.left = pos + 5 +'px'; if(box.offsetLeft + 110 > window.innerWidth){ clearInterval(interval); alert('Movement Complete!'); } } </script> <style> #box{ background-color:#FF0000; width:100px; height:100px; position:absolute; } </style> <div id="box"></div> Quote Link to comment Share on other sites More sharing options...
RichardRotterdam Posted January 22, 2010 Share Posted January 22, 2010 Looks pretty similar: http://www.outcut.de/MooFlow/MooFlow.html Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.