Help me in automatic image slider carousel

i need a script that automatically slide images but this tutorial

http://www.bloggertemp.com/2010/03/moving-jquery-image-sliderfeatured.html.

i can't make it work in blogger..there is an error



i want it to automatically moving maybe at 1000 speed and at the end it will go back like in in this website ---------->

http://www.filipino-tv.info/

you can notice the images scrolling...-------------->left and right <------------------in the header..




some of the examples of the sites that have this

example:
http://www.filipino-tv.info/

http://free-blogger-templates-blogs...0/free-blogger-template-zinmag-remedy-20.html



-------

again as i always said any help is appreciated...

 

Hi.The tutorial which you mentioned didn't work is from my blog.You should ask me in comments if you are facing any error so i can help you with the error.Anyway i can tell you the code which second blog in your example is using.Copy the below code in blogger HTML/javascript widget and save it.You will have to replace images source links and post links with yours.To copy image source link right click on the image and select copy image location in firefox and replace with below image source links.If you have any problem do tell me.

<div align='center'>
<marquee behavior='scroll' direction='right' onmouseout='this.start();' onmouseover='this.stop();' scrollamount='8'>
<!-- 1st Template -->

<a href='http://bworld-templates.blogspot.com/2010/01/blogger-template-made-in-spain.html' target='blank' title='Made in Spain'> <img alt='Made in Spain' height='135' src='http://2.bp.blogspot.com/_0SKrDjfr5oU/Sz4Y7UbEaOI/AAAAAAAAAFk/jQ0KY7f5LYY/s400/madeinspain.jpg' width='185'/> </a>


<!-- end code of !st -->
<!-- 2nd Template -->

<a href='http://bworld-templates.blogspot.com/2010/01/blogger-template-fashion-press.html' target='blank' title='Fashion Press'> <img alt='Fashion Press' height='135' src='http://2.bp.blogspot.com/_0SKrDjfr5oU/S0eQinj2JZI/AAAAAAAAAGk/IUxdzuDqjLU/s400/fashion-press.jpg' width='185'/> </a>

<!-- end code of 2nd -->
<!-- 3rd Template -->

<a href='http://bworld-templates.blogspot.com/2010/01/blogger-template-techlure.html' target='blank' title='Techlure'> <img alt='Techlure' height='135' src='http://4.bp.blogspot.com/_0SKrDjfr5oU/S1N4szb78_I/AAAAAAAAAMQ/qiD54DsKF3g/s640/techlure.JPG' width='185'/> </a>

<!-- end code of 3rd -->

<!-- 4th Template -->

<a href='http://bworld-templates.blogspot.com/2010/01/blogger-template-green-tweet.html' target='blank' title='Green Tweet'> <img alt='Green Tweet' height='135' src='http://1.bp.blogspot.com/_0SKrDjfr5oU/S0zT9qY0qXI/AAAAAAAAAHU/aCrLMTzVqp4/s400/Green-Tweet+blogger+template.JPG' width='185'/> </a>

<!-- end code of 4th -->


</marquee>
</div>