javascript - How to auto refresh cycle multiple website page under one browser window like screen saver? -
how refresh cycle multiple website page under 1 browser ?
eg. have several internal custom design website i'd display in large lcd panel user, kind of screensaver cycling through several web url in full screen windows (f11)
thanks.
i agree slaks. can use iframe load sites page , control pages show. won't able control inside of iframe able show it. careful of sites bust out of iframe stackoverflow.com
here example built thought helpful in illustrating how can done. there lots more added make cool, or can keept simple.
example page => http://mikegrace.s3.amazonaws.com/forums/stack-overflow/example-show-multiple-pages-like-screensaver.html
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" charset="utf-8"> var sites = [ "http://www.thinkgeek.com/", "http://www.artzstudio.com/2009/04/jquery-performance-rules/", "http://www.example.com" ]; var currentsite = sites.length; $(document).ready(function () { var $iframe = $("iframe").attr("src","http://www.google.com"); setinterval(function() { (currentsite == 0) ? currentsite = sites.length - 1 : currentsite = currentsite -1; $iframe.attr("src",sites[currentsite]); }, 7000); }); </script> <style type="text/css" media="screen"> iframe { height: 100%; width: 100%; border: none; } </style> </head> <body> <iframe></iframe> </body> </html>
Comments
Post a Comment