picture scroll script
+2
zinex
tyhodge07
6 posters
Page 1 of 1
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.
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.
Re: picture scroll script
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
Re: picture scroll script
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.
Re: picture scroll script
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
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]
Last edited by kirk on November 14th 2008, 4:05 pm; edited 1 time in total
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: picture scroll script
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 :
==> A simple scroll of picture - horizontal ( <=> space):
==> A simple scroll of picture - vertical (<br> <=> jump of line):
/!\ 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 ) :
==> 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 :
2nd version -- the scroll stop when the mouse passes on one element:
For the text :
For the pictures :
For pictures with links on :
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.
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.
Re: picture scroll script
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
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
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: picture scroll script
How do you change the scroll speed? I have a vertical image link scroll happening but boy, its fast!
Re: picture scroll script
Thanks! This helped a lot!
bluevisionkitchen- New Member
- Posts : 1
Reputation : 0
Language : English
Similar topics
» How do I add an image scroll script please?
» Scroll To The Top Of The Page Script
» How to place scroll text and make a frame for that scroll text?
» Adding Code in to a scroll box, put picture showing
» Picture and Script on one Line?
» Scroll To The Top Of The Page Script
» How to place scroll text and make a frame for that scroll text?
» Adding Code in to a scroll box, put picture showing
» Picture and Script on one Line?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum