die feinheiten des HTML ... immer wieder ein Rätsel ... hier nochmal ne Fassung die teilweise geht ... aber aus irgend einem grund zeigt der nur die erste seite an wenn ich objekte in die divs packe, wenn ich aber einfach nur text rein machen geht es seltsamerweise
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.0.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 = 1000;
//interval between items (in milliseconds)
var itemInterval = 5000;
//cross-fade time (in milliseconds)
var fadeTime = 1000;
//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="z-index: 1; position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid green 2px;">test1<!--<object type="text/html" data="https://www.onvista.de/index/DAX-Index-20735" style="min-width: 100%; min-height: 100%;"/>--></div>
<div class="rotating-item" style="z-index: 2; position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid red 2px;">test2<!--<object type="text/html" data="https://www.onvista.de/index/MDAX-Index-323547" min-width="100%" min-height="100%"/>--></div>
<div class="rotating-item" style="z-index: 3; position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid blue 2px;">test3<!--<object type="text/html" data="https://www.onvista.de/index/Dow-Jones-Index-324977"/>--></div>
<div class="rotating-item" style="z-index: 4; position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid orange 2px;">test4<!--<object type="text/html" data="https://www.onvista.de/aktien/Alibab...e-US01609W1027"/>--></div>
<div class="rotating-item" style="z-index: 5; position: fixed; top: 0; left: 0; display: none; min-height: 100%; min-width: 100%; border: solid yellow 2px;">test5<!--<object type="text/html" data="https://www.onvista.de/aktien/Facebo...e-US30303M1027"/>--></div>
</div>
</body>
EDIT: ich glaube das liegt daran dass die webseite von onvista nicht richtig geladen wird! die rödelt bei mir rum und im browser taucht bei mir nur ein einziges DIV mit der ersten seite auf ... das iss irgendwie blöd ... jetzt muss ich rausfinden wei cih objekte separat laden kann ... mhh
Lesezeichen