Gap Between Scrolling Images in Personal Widget

by AdorkableFairy May 25th 2015, 3:34 am

Technical Details

Forum version : #phpBB2
Position : Administrator
Concerned browser(s) : Mozilla Firefox
Screenshot of problem : http://sinfulpleasuresadmin.forumotion.com/
Who the problem concerns : A few members
When the problem appeared : A few months ago; tried changing the code multiple different ways
Forum link : http://sinfulpleasuresadmin.forumotion.com/

Description of problem

So I have a marquee code for scrolling images in a widget. There is not a big gap between the start and end of the images.

I have tried about 20-50 different codes from HTML, java, CSS, and JQuery. I either get the same issue or it only goes leftright and I can't change the direction.

Here's the code

Code:: <marquee direction="up" behavior="scroll"> <center style=""> <a target="_blank" href="http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/JenniferTag.png"><img alt=" photo JenniferTag.png" src="http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/JenniferTag.png" border="0px" /></a><br /><a target="”_blank”" href=" http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/RebeccaTag.png"><img alt=" photo RebeccaTag.png " src=" http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/RebeccaTag.png" border="0px" /></a><br /><a target="_blank" href="http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/TarraTag.png"><img alt=" photo TarraTag.png" src="http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/TarraTag.png" border="0px" /></a><a target="_blank" href="http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/MichieTag.png"><img alt=" photo MichieTag.png " src="http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/MichieTag.png" border="0px" /></a><br /><a target="_blank" href="http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/RenieTag.png"><img alt=" photo RenieTag.png " src="http://i1331.photobucket.com/albums/w589/PixieFairyCreations/Forum/RenieTag.png" border="0px" /></a><br /> </center> </marquee>

by Sir. Mayo May 25th 2015, 3:38 am

can you provide a test account, NOT YOUR ADMIN account, as well as a screen shot of the widget issue so i can see it as well.

by AdorkableFairy May 25th 2015, 3:41 am

I used this site also to test it: http://taghaven.forumotion.com/forum

Gap Between Scrolling Images in Personal Widget THForum2

by AdorkableFairy May 25th 2015, 3:59 am

Apparently the marquee code can't do continuous scrolling. Is there a java script one where I can change the direction to go vertical? All the ones I found were right to left.

by Sir. Mayo May 25th 2015, 4:17 am

Can you add the left to right one, ill see if i can edit it

by AdorkableFairy May 25th 2015, 4:39 am

Code:: <html> <head> <title>Tag Haven Admins</title> </head> <body> <script language="JavaScript1.2"> /* Cross browser Marquee script- Dynamic Drive (www.dynamicdrive.com) For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com Modified by jscheuer1 for continuous content. Credit MUST stay intact */ //Specify the marquee's width (in pixels) var marqueewidth="255px" //Specify the marquee's height var marqueeheight="25px" //Specify the marquee's marquee speed (larger is faster 1-10) var marqueespeed=3 //Specify initial pause before scrolling in milliseconds var initPause=0 //Specify start with Full(1)or Empty(0) Marquee var full=0 //configure background color: var marqueebgcolor="transparent " //Pause marquee onMousever (0=no. 1=yes)? var pauseit=1 //Specify the marquee's content (don't delete <nobr> tag) //Keep all content on ONE line, and backslash any single quotations (ie: that\'s great): var marqueecontent='<nobr><font face="Arial" size="2">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a> If you find this script useful, please consider linking to us by <a href="../link.htm">click here.</a> Enjoy your stay!</font></nobr>' ////NO NEED TO EDIT BELOW THIS LINE//////////// var copyspeed=marqueespeed var pausespeed=(pauseit==0)? copyspeed: 0 var iedom=document.all||document.getElementById if (iedom) document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>') var actualwidth='' var cross_marquee, cross_marquee2, ns_marquee function populate(){ if (iedom){ var initFill=(full==1)? '8px' : parseInt(marqueewidth)+8+"px" actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee cross_marquee.style.left=initFill cross_marquee2=document.getElementById? document.getElementById("iemarquee2") : document.all.iemarquee2 cross_marquee2.innerHTML=cross_marquee.innerHTML=marqueecontent cross_marquee2.style.left=(parseInt(cross_marquee.style.left)+actualwidth+8)+"px" //indicates following #1 } else if (document.layers){ ns_marquee=document.ns_marquee.document.ns_marquee2 ns_marquee.left=parseInt(marqueewidth)+8 ns_marquee.document.write(marqueecontent) ns_marquee.document.close() actualwidth=ns_marquee.document.width } setTimeout('lefttime=setInterval("scrollmarquee()",30)',initPause) } window.onload=populate function scrollmarquee(){ if (iedom){ if (parseInt(cross_marquee.style.left)<(actualwidth*(-1)+8)) cross_marquee.style.left=(parseInt(cross_marquee2.style.left)+actualwidth+8)+"px" if (parseInt(cross_marquee2.style.left)<(actualwidth*(-1)+8)) cross_marquee2.style.left=(parseInt(cross_marquee.style.left)+actualwidth+8)+"px" cross_marquee2.style.left=parseInt(cross_marquee2.style.left)-copyspeed+"px" cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px" } else if (document.layers){ if (ns_marquee.left>(actualwidth*(-1)+8)) ns_marquee.left-=copyspeed else ns_marquee.left=parseInt(marqueewidth)+8 } } if (iedom||document.layers){ with (document){ document.write('<table border="0" cellspacing="0" cellpadding="0"><td>') if (iedom){ write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">') write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">') write('<div id="iemarquee" style="position:absolute;left:0px;top:3px;display:inline;"></div>') write('<div id="iemarquee2" style="position:absolute;left:0px;top:3px;display:inline;"></div>') write('</div></div>') } else if (document.layers){ write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>') write('<layer name="ns_marquee2" left=0 top=3 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>') write('</ilayer>') } document.write('</td></table>') } } </script> </body> </html>

by AdorkableFairy May 30th 2015, 3:14 am

Still nothing?

by **SLGray** May 30th 2015, 3:19 am

So you have this widget on your forum now?

by AdorkableFairy May 30th 2015, 10:09 pm

Yes and I even updated to the other code. I don't know if it can be fixed. It used to work, but forumotion did something

by **SLGray** May 30th 2015, 10:14 pm

Well I see a widget with scrolling text, but no images.

by AdorkableFairy May 31st 2015, 10:25 pm

I was asked to change it to the other code, that's why. Apparently the marquee code can't do endless scrolling. I just want a code for endless scrolling of images going up.