Heres a nice little javascript fader you could use for website links or anything really...
Make a javascript/html block and use the javascript code below...
<Script Type="text/javascript">
var delay = 4000; // Set delay between message change (in miliseconds)
var maxsteps=30; // Number of steps to take to change from start color to endcolor
var stepdelay=40; // Time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)
var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br>";
fcontent[1]="& More Links!...<br><a href='http://mylink.blaaa' target='_new'>My Other Links...</a><Br>";
closetag='</div>';
var fwidth='150px'; //set scroller width
var fheight='100px'; //set scroller height
var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.
/// No Need To Edit Anything Below This Line ///
var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;
/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
index++
}
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com
function linkcolorchange(step){
var obj=document.getElementById("fscroller").getElementsByTagName("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color=getstepcolor(step);
}
}
/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById("fscroller").style.color=getstepcolor(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout("colorfade("+step+")",stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
setTimeout("changecontent()", delay);
}
}
/*Rafael Raposo's new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor[i]-endcolor[i]);
if(diff > 0) {
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
} else {
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}
if (ie4||DOM2)
document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+'"></div>');
if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent
</Script>
Wow..
even animated..very nice!
Hiw can you do multiple blocks using the above code? I tried creating 2 spearate blocks with different names & different links but after I created & enabled the 2nd block, the 1st block went blank & the 2nd block displayed the links that were set in the 1st bloc.
To do a second one, you would have to change the variable names.
If you use the first script, you can use this modified version for the second:
It should work... heheh
<Script Type="text/javascript">
var delay = 4000; // Set delay between message change (in miliseconds)
var maxsteps=30; // Number of steps to take to change from start color to endcolor
var stepdelay=40; // Time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor2= new Array(255,255,255); // start color (red, green, blue)
var endcolor2=new Array(0,0,0); // end color (red, green, blue)
var fcontent2=new Array();
begintag2='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent2[0]="<a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br>";
fcontent2[1]="& More Links!...<br><a href='http://mylink.blaaa' target='_new'>My Other Links...</a><Br>";
closetag2='</div>';
var fwidth2='150px'; //set scroller width
var fheight2='100px'; //set scroller height
var fadelinks2=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.
/// No Need To Edit Anything Below This Line ///
var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay2=0;
var index2=0;
/*Rafael Raposo edited function*/
//function to change content
function changecontent2(){
if (index2>=fcontent2.length)
index2=0
if (DOM2){
document.getElementById("fscroller2").style.color="rgb("+startcolor2[0]+", "+startcolor2[1]+", "+startcolor2[2]+")"
document.getElementById("fscroller2").innerHTML=begintag2+fcontent2[index2]+closetag2
if (fadelinks2)
linkcolorchange2(1);
colorfade2(1, 15);
}
else if (ie4)
document.all.fscroller2.innerHTML=begintag2+fcontent2[index]+closetag2;
index2++
}
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com
function linkcolorchange2(step){
var obj=document.getElementById("fscroller2").getElementsByTagName("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color=getstepcolor2(step);
}
}
/*Rafael Raposo edited function*/
var fadecounter2;
function colorfade2(step) {
if(step<=maxsteps) {
document.getElementById("fscroller2").style.color=getstepcolor2(step);
if (fadelinks2)
linkcolorchange2(step);
step++;
fadecounter2=setTimeout("colorfade2("+step+")",stepdelay);
}else{
clearTimeout(fadecounter2);
document.getElementById("fscroller2").style.color="rgb("+endcolor2[0]+", "+endcolor2[1]+", "+endcolor2[2]+")";
setTimeout("changecontent2()", delay);
}
}
/*Rafael Raposo's new function*/
function getstepcolor2(step) {
var diff2
var newcolor2=new Array(3);
for(var i=0;i<3;i++) {
diff2 = (startcolor2[i]-endcolor2[i]);
if(diff2 > 0) {
newcolor2[i] = startcolor2[i]-(Math.round((diff2/maxsteps))*step);
} else {
newcolor2[i] = startcolor2[i]+(Math.round((Math.abs(diff2)/maxsteps))*step);
}
}
return ("rgb(" + newcolor2[0] + ", " + newcolor2[1] + ", " + newcolor2[2] + ")");
}
if (ie4||DOM2)
document.write('<div id="fscroller2" style="border:0px solid black;width:'+fwidth2+';height:'+fheight2+'"></div>');
if (window.addEventListener)
window.addEventListener("load", changecontent2, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent2)
else if (document.getElementById)
window.onload=changecontent2
</Script>
Thanks!
I just installed this script and wonder how to add the actual links into it.It also appears too wide.
Ok I see I have to edit the code. Not obvious to some like me,but what about the width of it. too wide.
Ok it don't work right on the right side. Moved it to left =ok
the code in my first posts have links allready in the code,
just change them to your "urls"
This Bit
fcontent[0]="<a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br>";
fcontent[1]="& More Links!...<br><a href='http://mylink.blaaa' target='_new'>My Other Links...</a><Br>";
More Lines could be added also
Eg:
fcontent[2]="more can go here";
fcontent[3]="and again!";
This is how you can change Width & Height
var fwidth='150px'; //set scroller width
var fheight='100px'; //set scroller height
Very nice sript...
Good for showing blog links like: myspace, tagworld, yahoo, blogger, etc...
Hehehe, I really liked this one!! Thanks !! :)
What needs to be changed so that it picks up a random home page link from a registered members info on the board? ie; any random link from registered member info?
Thanks :o
This is awesome!
Thank you ;D ;D
Hi all,
I'm a dope. Fixed my problem.
I don't seem to have a javascript/html block option, just bbc/html :(
It's called Scriptblock i think ;)
Thanks. :)
Anyone have a demo I can peek at?
I would love to make this a image one. So I could have a block with the topsite butttons and link exchange buttons. I changed the http's to the image thingies and the block didn't work.
Well the Basic code Works fine for me, However When I enter my links and text it just shows an empty box..
What am I doing wrong?
<Script Type="text/javascript">
var delay = 4000; // Set delay between message change (in miliseconds)
var maxsteps=30; // Number of steps to take to change from start color to endcolor
var stepdelay=40; // Time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)
fcontent[0]="<a href='http://www.mercenariesoftheblade.org/index.htm' target='_new'>MOB Homepage</a><Br><a
href='http://www.mercenariesoftheblade.org/about.htm' target='_new'>MOB Rules</a><Br><a
href='http://www.mercenariesoftheblade.org/Qdig/index.php' target='_new'>MOB Gallery</a><Br><a
href='http://www.mercenariesoftheblade.org/phpRaid/index.php' target='_new'>MOB Raid Schedule</a><Br><a
href='http://www.mercenariesoftheblade.org/roster/index.php' target='_new'>MOB Roster</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php?action=forum' target='_new'>MOB Forum</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php' target='_new'>MOB Portal</a><Br>";
fcontent[1]="& More Links!...<br><a href='http://www.mercenariesoftheblade.org/forum/index.php?action=arcade' target='_new'>Arcade (BETA)</a><Br>";
closetag='</div>';
var fwidth='150px'; //set scroller width
var fheight='100px'; //set scroller height
var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.
/// No Need To Edit Anything Below This Line ///
var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;
/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
index++
}
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com
function linkcolorchange(step){
var obj=document.getElementById("fscroller").getElementsByTagName("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color=getstepcolor(step);
}
}
/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById("fscroller").style.color=getstepcolor(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout("colorfade("+step+")",stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
setTimeout("changecontent()", delay);
}
}
/*Rafael Raposo's new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor[i]-endcolor[i]);
if(diff > 0) {
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
} else {
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}
if (ie4||DOM2)
document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+'"></div>');
if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent
</Script>
Your missing the div and font and an array
Your code:
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)
fcontent[0]="<a href='http://www.mercenariesoftheblade.org/index.htm' target='_new'>MOB Homepage</a><Br><a
href='http://www.mercenariesoftheblade.org/about.htm' target='_new'>MOB Rules</a><Br><a
href='http://www.mercenariesoftheblade.org/Qdig/index.php' target='_new'>MOB Gallery</a><Br><a
href='http://www.mercenariesoftheblade.org/phpRaid/index.php' target='_new'>MOB Raid Schedule</a><Br><a
href='http://www.mercenariesoftheblade.org/roster/index.php' target='_new'>MOB Roster</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php?action=forum' target='_new'>MOB Forum</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php' target='_new'>MOB Portal</a><Br>";
fcontent[1]="& More Links!...<br><a href='http://www.mercenariesoftheblade.org/forum/index.php?action=arcade' target='_new'>Arcade (BETA)</a><Br>";
closetag='</div>';[/div]
Should be:
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)
var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<a href='http://www.mercenariesoftheblade.org/index.htm' target='_new'>MOB Homepage</a><Br><a
href='http://www.mercenariesoftheblade.org/about.htm' target='_new'>MOB Rules</a><Br><a
href='http://www.mercenariesoftheblade.org/Qdig/index.php' target='_new'>MOB Gallery</a><Br><a
href='http://www.mercenariesoftheblade.org/phpRaid/index.php' target='_new'>MOB Raid Schedule</a><Br><a
href='http://www.mercenariesoftheblade.org/roster/index.php' target='_new'>MOB Roster</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php?action=forum' target='_new'>MOB Forum</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php' target='_new'>MOB Portal</a><Br>";
fcontent[1]="& More Links!...<br><a href='http://www.mercenariesoftheblade.org/forum/index.php?action=arcade' target='_new'>Arcade (BETA)</a><Br>";
closetag='</div>';[/div]
Nice block script.
Verve, I set it up, it's kinda like the news fader that SMF uses - but for a block instead. I can't put it to use on my site right now, but it's good nontheless. :D
I get it to work fine with images but when I go to a forum board or post the box becomes blank is this a mistake or something to do with the java script code?
How did you manage to get this working with images blowback?
Not managed to get it working yet myself, I either corrupt it totally or leave myself with a blank block.
EDIT
Ok have the images working...but its now 'pushing' the rest past the block border so its overlapping. Using IE7, have checked in FF too and same result. Yet apparently in IE6 (friends pc) its nicely inside the block.
ANyone else having this problem?
I don't have ie7 so I can't check if mine goes outside the border on it, although you can
www.spiritodipunto.com
Have you resized the images to fit inside the block?
I have IE7 and his images show inside the block.
Right you just have 1 image fading...looks nice...
I currently have 1 image (within size limit) and the rest the default code text (while was testing)...and its pushing the text out of the block. Was wanting to have more than 1 image showing at a time...I'll keep playing with it..I'll suss it sooner or later hehe
Mavi - I use this script to have "rotating linked images" it is in a script block.
<center>
<table width="135" height="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="100" align="center" valign="middle"><center>
<ilayer id="l1">
<layer id="l2">
<div id="l1">
<div id="l3" style="position:relative"> </div>
</div>
</layer>
</ilayer>
<script language="JavaScript">
<!--
var bannerArray = new Array();
var myCount=0;
// Banner Code Assignment
bannerArray[0] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[1] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[2] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[3] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[4] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[5] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[6] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerArray[7] = "<A HREF=\"http://www.thiersite.com\" target=\"_blank\"><IMG SRC=\"http://www.yoursite.com/imagefolder/image.jpg\" border=\"0\"></A>";
bannerRotate();
function bannerRotate() {
if(myCount > bannerArray.length-1){myCount=0;}
// Write out rotation
if (document.all){ // it is IE
document.all.l3.innerHTML=bannerArray[myCount];
}
else if (document.layers){ // it is NN
document.layers.l1.document.layers.l2.document.open();
document.layers.l1.document.layers.l2.document.write(bannerArray[myCount]);
document.layers.l1.document.layers.l2.document.close();
}
setTimeout("bannerRotate()", 6000);
myCount++;
}
// -->
</script>
</center></td>
</tr>
</table>
</center>
This works fine on my site in IE7, and opens the links in a new window.
Now if you just want a block with a list of images that link out you could use this code,
<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>
<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p><p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>
<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p><p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>
<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p><p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>
<p align="center"><a href="http://www.yoursite.com/" target="_blank"><img border="0" src="http://www.yoursite.com/images/image.gif" /></a></p>
repeating it as necessary, it is HTML but you may have to put it in a script block.
Do your link disapear when you visit a forum forum board?
Quote from: blowback on May 17, 2007, 07:15:29 PM
Do your link disapear when you visit a forum forum board?
Dissapear? Using the codes I posted they stay and the rotating one continues to rotate even after beung clicked.
Thanks for that...already have a static one (very simple to do) but as I stated you only have '1 image' fading at a timer...i was looking at having more than that....thats where it starts to overlap. Just one image at a time showing works perfectly...
Quote from: Maviarab on May 18, 2007, 12:02:16 AM
Thanks for that...already have a static one (very simple to do) but as I stated you only have '1 image' fading at a timer...i was looking at having more than that....thats where it starts to overlap. Just one image at a time showing works perfectly...
I'm not sure what you mean I have just repeated the same image for ilistration purposes on my site www.spiritodipunto.com and it works fine?
I still don't understand why the images disapear when I enter a forum board, if I leave some text and some images the text stays but the images disappear.
@pvcblue I tried your code with an image but nothing appeared just a blank box what could I be doing wrong?
I just realized something...
Can't this code be used as a banner rotating script? Seems logical, just build a block and set the rotating speed...
Quote from: ~Alex on May 22, 2007, 04:09:12 PM
I just realized something...
Can't this code be used as a banner rotating script? Seems logical, just build a block and set the rotating speed...
There is a Rotating Banners snippet already, which changes banner on each refresh.
Or, I use this for scrolling small image links.
Script Block:
<marquee behavior="scroll" direction="up" height="100px" scrolldelay=" 0" scrollamount=" 1" onmouseover="this.stop()" onmouseout="this.start()">
<div align="center">
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
<br><br>
<a href="http://HyperLink.com" target="_blank"><img src="http://ImageLocation.jpg" border="0" Title="MouseOverText"></a>
</div>
</marquee>
You can set the delay, scroll speed and direction, and it pauses on mouse over. I believe it's one of JPDeni's snippits. I can't remember what it's called.
Yep and you can make it horizontal by changing
direction="up"
"up" to right or left
Anubis, what script are you using for the ads on your forum?
The ones at the top of each page.
Google Ads, and I am using only image ads...no text ads (by default they set it to text)
hi, i added this line
fcontent[3]="Got a website?...<br><a href='http://mylink.blaaa' target='_new'>Link to me FREE!...</a><Br>";
as shown below:
var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br><a href='http://mylink.blaaa' target='_new'>My Links...</a><Br>";
fcontent[1]="Got a website?...<br><a href='http://mylink.blaaa' target='_new'>Link to us FREE!...</a><Br>";
fcontent[3]="Got a website?...<br><a href='http://mylink.blaaa' target='_new'>Link to me FREE!...</a><Br>";
closetag='</div>';
but the 3rd slide displays:
Quoteundefined
what's wrong with my code?
Why did you skip 2 ? You went 0, 1, 3. I'm not sure about javascript, but maybe it requires you to actually count in order without skipping numbers.
brilliant thanks!