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

**Ceos** · 07.03.2018, 20:16

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;">
         <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;">
         <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;">
         <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;">
         <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;">
         <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>

danke für den hirnsport

hat gut getan und funktionieren tut es auch XD

für weitere seiten einfach einen der div abschnitte mit dem object darin kopieren und die adresse in src des object ändern, rest so lassen wie er ist

PS: mit facebook hab ich damals auch bei onvista spekuliert ... leider zu früh raus gegangen und nur 200% mitgenommen ... aber egal XD

PPS: irgendwas in der onvista seite macht stress und stört meine HTML ich habe einfach ein paar schließende tag für /object reingeworfen und damit hat es dann geklappt

und wenn die farbigen ränder stören einfach den part mit
" border: solid yellow 2px; " aus den zeilen entfernen, das war nur wegen der objektgröße als hilfe