XIBO - Auto Scroll webpage

[linkazoid]

Hi All,

 

I'm trying to get a word document that has been saved as a .mht to display in XIBO and continuously auto scroll.

 

I can get the file to show in an iframe but seems to be impossible for it to scroll automatically. I have also tried embedding the iframe in div tags but nothing.

 

Has any acheived this with XIBO or do you have a better way or doing it?

 

Thanks,

 

Michael

[reggiep]

I wanted to do something similar too. To display a webpage and then have it scroll down slowly. Not found anything yet myself, but thanks for raising the question.

[plexer]

Can you not split it onto 2 pages that fit the screen and then go between the 2?

 

Ben

[SimpleSi]

This code will scroll an iframe - maybe worth trying

<br />
		<!-- BEGIN HIDING<br />
		function loadorder() {<br />
			var tid = setInterval(dayScroll, 12500);<br />
			function dayScroll () {<br />
				$("iframe").scrollTo( '0', 0, {duration:3000, easing:'linear'} ).scrollTo( '100%', 0, {duration:3000, easing:'linear'} ).scrollTo( '100%', 0, {duration:3000, easing:'linear'} ).scrollTo( '0', 0, {duration:3000, easing:'linear'} );<br />
			};<br />
			dayScroll ();<br />
		};<br />
<br />
    --><br />
   

You'll need to get the jquery.js file and the jquery.scrollto.js plugin and put them in same folder as this html file

See it in action at http://www.middleforth.lancs.sch.uk/cal/iscroll.html

 

regards

 

Simon

[linkazoid]

Hi Simon,

 

This looks like it should work, but no matter what I do it doesn't.

 

JQuery is a part of Xibo but it appears to be 1.4.1 - I have tried placing the jquery.scrollto.js plugin in the jquery folder on the server but it still wont scroll.

 

Can you recommend anything else to try?

 

Michael

[SimpleSi]

I'm at my Xibo school this afternoon so I try it out there.

JFI iscroll.html and the webpage your iframing MUST be on same domain i.e iscroll.html should be on website of the page your trying to scroll. (and I'd stick a copy of the jquery js files in same folder as well to keep things simple )

 

regards

[reggiep]

I can get this to work if I create a html page on my desktop with your code, the two required js files are on my desktop and the html page, that the page you created calls, is on the desktop. However I can't work out how I can then do the same if I then put that somewhere like on my webserver. For example if you go to http://www.prentonhigh.wirral.sch.uk/testscroll.htm i have put the page and js scripts here but no scrolling?

 

Thanks for pointing this out to us but I'm scratching my head as to what I'm doing wrong?

[linkazoid]

One more bit of info from me...

 

I would like to be able to store the html page on a shared drive so that the file can be updated without anyone having to ftp it to the webserver. I can call the file in xibo from the shared drive and it displays correctly but don't know if the scrolling will work from there.

 

Regards,

 

Michael

[SimpleSi]

but I'm scratching my head as to what I'm doing wrong?

Lets get back to basics

Copy and paste my code and just change the iframe url and nothing else - that should eliminate syntax errors

 

Si

[SimpleSi]

I would like to be able to store the html page on a shared drive so that the file can be updated without anyone having to ftp it to the webserver

 

Thats going to take a lot more creativity as iscroll.html and the webpage yoru trying to scroll must be on same webserver.

 

 

Simon

[linkazoid]

I have managed to get it to scroll! but not from the network share.

 

I was copying your code into the embed section on xibo. Thats why it wasn't working.

 

I copied your code into a new html doc and uploaded it to our webserver along with the 2 .js file and pointed the src to the other uploaded file on the webserver. Then in the region on xibo I added a webpage instead of embedded.

 

Regards,

 

Michael