2010-12-02 3 views
4

Comment faire pour actualiser plusieurs page de site Web sous un seul navigateur?Comment faire pour actualiser automatiquement cycle de plusieurs page de site Web sous une fenêtre de navigateur comme économiseur d'écran?

par ex. J'ai plusieurs sites Web de conception personnalisée interne que je voudrais afficher dans le grand écran LCD pour mon utilisateur, genre d'économiseur d'écran, mais c'est en parcourant plusieurs URL web en plein écran (F11)

Merci.

Répondre

12

Je suis d'accord avec SLaks. Vous pouvez utiliser un iframe pour charger des sites dans votre page et contrôler les pages que vous affichez. Vous ne serez pas capable de contrôler quoi que ce soit à l'intérieur de l'iframe mais vous pourrez le montrer. Faites aussi attention aux sites qui vont sortir de l'iframe comme stackoverflow.com

Voici un exemple que j'ai construit et que je pensais utile pour illustrer comment cela peut être fait. Il y a beaucoup plus à ajouter à cela pour le rendre vraiment cool, ou il peut être très simple.

Exemple 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> 
+0

une solution vraiment gracieuse – Jonah

+0

Curieux, est-il un moyen de le faire sans iframe? – Digi

3

Vous pouvez créer un tag , puis utiliser Javascript pour définir son src dans un rappel setInterval.

+0

ok, est-ce que l'IFrame peut charger plusieurs URL ou juste une seule? –

+0

@Albert, un iframe ne peut charger qu'une URL à la fois. –

1

Une façon efficace est d'avoir une fenêtre maître et quelques esclaves un. La fenêtre maître va déclencher un événement vers l'esclave (à vous de faire ce que vous voulez). De cette manière, ils doivent toujours être synchronisés (ce que je peux imaginer important dans votre cas). Regardez this post pour voir comment accomplir cette tâche

1

Les scripts bombardent toujours après quelques heures, vous voulez utiliser un outil comme http://dashboardrotator.com/. Il gérera la mémoire pour vous et s'assurera que votre navigateur ne plante pas.

Questions connexes