Gap Between Scrolling Images in Personal Widget
3 posters
Page 1 of 1
Gap Between Scrolling Images in Personal Widget
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>
Re: Gap Between Scrolling Images in Personal Widget
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.
Re: Gap Between Scrolling Images in Personal Widget
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.
Re: Gap Between Scrolling Images in Personal Widget
Can you add the left to right one, ill see if i can edit it
Re: Gap Between Scrolling Images in Personal Widget
- 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>
Re: Gap Between Scrolling Images in Personal Widget
So you have this widget on your forum now?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Gap Between Scrolling Images in Personal Widget
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
Re: Gap Between Scrolling Images in Personal Widget
Well I see a widget with scrolling text, but no images.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Gap Between Scrolling Images in Personal Widget
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.
Similar topics
» LATEST TOPICS scrolling widget has stopped scrolling
» Scrolling personal rank help
» Need Help for a Personal Widget!!!
» Need help - How can i hide the personal widget to every one ?
» Personal Widgets
» Scrolling personal rank help
» Need Help for a Personal Widget!!!
» Need help - How can i hide the personal widget to every one ?
» Personal Widgets
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum