The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Gap Between Scrolling Images in Personal Widget

View previous topic View next topic Go down

Gap Between Scrolling Images in Personal Widget

Post by AdorkableFairy on 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>

AdorkableFairy
New Member

Female Posts : 22
Reputation : 1
Language : English

http://twiztedkandiland.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

Post by Sir. Mayo on 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.

Sir. Mayo
Forumember

Male Posts : 969
Reputation : 87
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

Post by AdorkableFairy on May 25th 2015, 3:41 am

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


AdorkableFairy
New Member

Female Posts : 22
Reputation : 1
Language : English

http://twiztedkandiland.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

Post by AdorkableFairy on 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.

AdorkableFairy
New Member

Female Posts : 22
Reputation : 1
Language : English

http://twiztedkandiland.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

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

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

Sir. Mayo
Forumember

Male Posts : 969
Reputation : 87
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

Post by AdorkableFairy on 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>


AdorkableFairy
New Member

Female Posts : 22
Reputation : 1
Language : English

http://twiztedkandiland.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

Post by AdorkableFairy on May 30th 2015, 3:14 am

Still nothing?

AdorkableFairy
New Member

Female Posts : 22
Reputation : 1
Language : English

http://twiztedkandiland.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

Post by SLGray on May 30th 2015, 3:19 am

So you have this widget on your forum now?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36657
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

Post by AdorkableFairy on 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

AdorkableFairy
New Member

Female Posts : 22
Reputation : 1
Language : English

http://twiztedkandiland.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

Post by SLGray on May 30th 2015, 10:14 pm

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


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36657
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Gap Between Scrolling Images in Personal Widget

Post by AdorkableFairy on 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.

AdorkableFairy
New Member

Female Posts : 22
Reputation : 1
Language : English

http://twiztedkandiland.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum