Script etc. zum zyklischen Anzeigen für Websites in Firefox?

**Ceos** · 08.03.2018, 06:44

wie gesagt, die eingebetten Seiten stressen irgendwie rum weil schlecht gecoded (Firefox Debugger meldet viele Fehler in den Webseiten), wenn ich eine Lösung finde wie ich die Webseiten Einkapseln kann ohne ihre Funktion einzuschränken, werf ich hier im Topic einfach was hinterher

und manchmal kommen die besten Ideen wenn man darüber schreibt ... ich versuch mal ne Version mit FRAME oder IFRAME ... mal sehen ob die sich besser verhalten

---------

Ich habe mal NOCH eine Version gebaut, die in den jeweiligen DIVs das Schlüsselwort SANDBOX benutzt, damit sollten die divs sich stabiler verhalten

Code:

<!--
// Released under the GPL license
// http://www.opensource.org/licenses/gpl-license.php
//
// **********************************************************************
// This program is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
// **********************************************************************
-->
<html lang="en">
   <head>
      <meta charset="utf-8" />
      <style type="text/css">
         html, body {
            height: 100%;
            width: 100%;
            margin: 0;
         }


      </style>
      <!--[if lte IE 6]>
      <style type="text/css">
         #container {
            height: 100%;
         }
      </style>
      <![endif]-->
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=3.3.1"></script>
      <script type="text/javascript">
         $(document).ready(function () 
         {  //start after HTML, images have loaded
            var InfiniteRotator = 
            { 
               init: function() 
               {
                  //initial fade-in time (in milliseconds)
                  var initialFadeIn = 2000;

                  //interval between items (in milliseconds)
                  var itemInterval = 5000;

                  //cross-fade time (in milliseconds)
                  var fadeTime = 2000;

                  //count number of items
                  var numberOfItems = $('.rotating-item').length;

                  //set current item
                  var currentItem = 0;

                  //show first item
                  $('.rotating-item').eq(currentItem).fadeIn(initialFadeIn);

                  //loop through the items    
                  var infiniteLoop = setInterval(function()
                  {
                     $('.rotating-item').eq(currentItem).fadeOut(fadeTime);
                     if(currentItem == numberOfItems -1)
                     {
                        currentItem = 0;
                     }
                     else
                     {
                        currentItem++;
                     }
                     $('.rotating-item').eq(currentItem).fadeIn(fadeTime);
                  }, itemInterval); 
               } 
            };
      
            InfiniteRotator.init();
        
         });
      </script>    
      <title>Infinite Rotating Images Using jQuery (JavaScript) - Unstyled</title>
   </head>
   <body>

   <div id="rotating-item-wrapper">
      <div class="rotating-item" style="position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid green 2px;" sandbox>
         <object type="text/html" data="https://www.onvista.de/index/DAX-Index-20735" style="position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%;"></object><!--</object></object></object></object>-->
      </div>
      <div class="rotating-item" style="position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid red 2px;" sandbox>
         <object type="text/html" data="https://www.onvista.de/index/MDAX-Index-323547" style="position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%;"></object><!--</object></object></object></object>-->
      </div>
      <div class="rotating-item" style="position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid blue 2px;" sandbox>
         <object type="text/html" data="https://www.onvista.de/index/Dow-Jones-Index-324977" style="position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%;"></object><!--</object></object></object></object>-->
      </div>
      <div class="rotating-item" style="position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid orange 2px;" sandbox>
         <object type="text/html" data="https://www.onvista.de/aktien/Alibab...e-US01609W1027" style="position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%;"></object><!--</object></object></object></object>-->
      </div>
      <div class="rotating-item" style="position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid yellow 2px;" sandbox>
         <object type="text/html" data="https://www.onvista.de/aktien/Facebo...e-US30303M1027" style="position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%;"></object><!--</object></object></object></object>-->
      </div>
      
   </div>
   </body>