picture scroll script

instead of having my banners on my portal (home) page like this:


is there a script that i can use that will change from banner to banner like every 5+ seconds and still be linked so they can still click on them, or even a new banner each time you visit the page, sorta scroll or change everytime.

you can use an image rotator, it will change the banner on every page load. Try typing image rotator into google, see what it gives you

ive tried some and nothing appeared, i have bad luck with this stuff, lol

http://www.imagerotation.com/


have a look at that

zinex wrote:http://www.imagerotation.com/


have a look at that

i tried that one too, and i couldnt figure out how to make them a clickable image, that only makes them an image rotator, i need click able one.

you can try something like this.
i just used your same pic over and over. but you can add more and get the space/timing like you want.since you have a black background. you can use black dots to space it out with. you probably wont be able to tell that they are there?

also click on it when it comes by. it will go to your site




........................................................................

Code:

[scroll][url=http://www.rcmodzone.com/][IMG]http://i36.tinypic.com/e9ivzn.png[/IMG][/url]...................[url=http://www.rcmodzone.com/][IMG]http://i36.tinypic.com/e9ivzn.png[/IMG][/url]...........[url=http://www.rcmodzone.com/][IMG]http://i36.tinypic.com/e9ivzn.png[/IMG][/url]..........................[url=http://www.rcmodzone.com/][IMG]http://i36.tinypic.com/e9ivzn.png[/IMG][/url]................[url=http://www.rcmodzone.com/][IMG]http://i36.tinypic.com/e9ivzn.png[/IMG][/url][/scroll]

These code are to be put on a portal block, on the homepage message, or also in a forum description.
Once in the edition of one of them, click on the <> button, on the top right of the text field, to pass in HTML mode.


Name of the scroll tag : marquee

The different attribute of this tag :
id : identifier,
scrolldelay : time in milliseconds between each moving,
scrollamount : distance in pixel between each moving,
height, width : height and widht in pixel of the scrolling windows,
direction : direction of the scroll
:: UP => from down to up,
:: DOWN => from up to down,
:: LEFT => from right to left [as default],
:: RIGHT => from left to right.
behavior : behavior of the scroll
:: ALTERNATE => in alternate
:: SCROLL => scroll [as default],
:: SLIDE => slide from one side to another.
loop : number of scrolling - if not specified => loop to infinite [as default]

In our case, the attribute behavior and loop don't have any interest if we just do scrolling...

Theory is over, let us pass now to practice and here are a few useful codes :
/!\ What appeear in red : your text, your pictures, your links
/!\ What appear in green : the name of the identifier which have to be the same


==> A simple scroll of text :

Code:

<marquee>YOUR TEXTE HERE</marquee>

==> A simple scroll of picture - horizontal ( <=> space):

Code:

<marquee><img src="http://URL_image1"></img> <img src="http://URL_image2"></img> <img src="http://URL_imageN"></img></marquee>

==> A simple scroll of picture - vertical (<br> <=> jump of line):

Code:

<marquee direction="up"><img src="http://URL_image1"></img><br><img src="http://URL_image2"></img><br><img src="http://URL_imageN"></img></marquee>

/!\ According to whether you make images scroll horizontally or vertically, don't forget to insert or <br> ; it won't be indicated later but don't forget !

==> scroll of pictures with links (partners ) :

Code:

<marquee><a href="http://URL_link1" target="_blank"><img src="http://URL_image1"></img></a><a href="http://URL_link2" target="_blank"><img src="http://URL_image2"></img></a><a href="http://URL_linkN" target="_blank"><img src="http://URL_imageN"></img></a></marquee>

==> Scroll wich stops and restarts again at the time of the passage of the mouse :
1st version -- the scroll stop when the mouse passes on the field of scroll :

Code:

<marquee onmouseover="this.stop();" onmouseout="this.start();">YOUR TEXT or IMAGES</marquee>

2nd version -- the scroll stop when the mouse passes on one element:
For the text :

Code:

<marquee id="id1"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">YOUR TEXT or IMAGES</span></marquee>

For the pictures :

Code:

<marquee id="id1"><img src="http://URL_image1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img><img src="http://URL_image2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img><img src="http://URL_imageN" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></marquee>

For pictures with links on :

Code:

<marquee id="id1"><a href="http://URL_link1" target="_blank"><img src="http://URL_image1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a><a href="http://URL_link2" target="_blank"><img src="http://URL_image2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a><a href="http://URL_linkN" target="_blank"><img src="http://URL_imageN" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a></marquee>

It is now possible to customize the scroll of your text :
In the marquee tag, we just need to add this code :
style="ATTRIBUTE of STYLE: VALUE;"
Various attributes of style :
:: HEIGHT and WIDTH for the height and width of scroll,
:: BACKGROUND-COLOR to modify the colour of background,
:: BACKGROUND : URL('http://URL_background_image'); BACKGROUND-ATTACHMENT: FIXED; to put a fixed background image,
:: COLOR to change the text colour,
:: FONT-SIZE to change the text size,
:: TEXT-ALIGN to modify the text alignement (LEFT, RIGHT, CENTER ou JUSTIFY)

There is many other styles to applicate, but there, You have to search by yourself...

Hope this helps you.

OMG!!!! wow that be a whole lot of scrolling going on.. heheh
is there a way to space out the images banners?

i think all he wants to do is space out diff banners and have it to ware you click them to go ware the banner Say's.

either way out of all that i'm sure that would solve all scrolling needs.
i was actually looking how to go down. i could get it to go up but not down..
hey wait that sounds a lil funny LOL but you know what i mean.
anyway thanks. i'm going to copy this and add to a note pad. I'll have to mess with some latter..

thanks again. kirk out

How do you change the scroll speed? I have a vertical image link scroll happening but boy, its fast!

Thanks! This helped a lot!