Hi,
nicht schön aber selten
. Läuft noch ned ganz rund, ist aber möglich.
http://rundgang.oliswelt.net
Autorotate geht ned, da ich die panos ned mit autorotate erzeugt hab.
Wenn der Rundgang das erste mal durch ist läufts ziemlich flüssig. Müsste man also noch die Panos
preloaden.
Bisheriger Code:
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<script type="text/javascript" src="flashreplace.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css" title="Default">
body, div, h1, h2, h3, span, p {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #f8f8f8;
}
body {
font-size: 10pt;
background : #050505;
}
table,tr,td {
font-size: 10pt;
border-color : #777777;
background : #dddddd;
color: #000000;
border-style : solid;
border-width : 1px;
}
h1 {
font-size: 18pt;
}
h2 {
font-size: 14pt;
}
.warning {
font-weight: bold;
}
#flash-content1{
position:absolute;
margin-top:40px;
border:10px solid white;
width:900px;
height:480px;
top:30px;
z-index:3;
}
#flash-content2{
position:absolute;
margin-top:40px;
border:10px solid white;
width:900px;
height:480px;
top:30px;
display:none;
z-index:2;
}
</style>
<script type="text/javascript">
var $scrollID;
function changePan(panorama,aus,ein){
if (aus==1){
$('#flash-content1').fadeTo(5000,0);
$('#flash-content1').css("z-index", 1);
}
if (aus==2){
$('#flash-content2').fadeTo(5000,0);
$('#flash-content2').css("z-index", 1);
}
if (ein==1){
$('#flash-content1').fadeTo(5000,1);
$('#flash-content1').css("z-index", 3);
FlashReplace.replace("flash-content1", panorama, "flash-content1", 900, 480,9,{externalinterface:"1&"});
}
if (ein==2){
$('#flash-content2').fadeTo(5000,1);
$('#flash-content2').css("z-index", 3);
FlashReplace.replace("flash-content2", panorama, "flash-content2", 900, 480,9,{externalinterface:"1&"});
}
};
function testAlert(nachricht){
setTimeout('alert(\'dooffffff\')', 5000)
};
function startShow(counter){
if (counter==1){
changePan('v6.swf',1,2)
$scrollID=setTimeout('startShow(2)',15000);
}
if (counter==2){
changePan('v4.swf',2,1)
$scrollID=setTimeout('startShow(3)',15000);
}
if (counter==3){
changePan('v5.swf',1,2)
$scrollID=setTimeout('startShow(4)',15000);
}
if (counter==4){
changePan('v3.swf',2,1)
$scrollID=setTimeout('startShow(1)',15000);
}
}
</script>
</head>
<body>
<h1></h1>
<center>
<div id="flash-content1"></div>
<div id="flash-content2"></div>
<script type="text/javascript">changePan("v3.swf",1,2)</script>
<a href="#" onclick="startShow(1)" style="font-size:20px">Slideshow Starten - wechsel alle 15sec</a>
</center>
</body>
</html>
gebraucht hab ich dazu "Flashreplace" und "jQuery".
Werd mir am Wochenende mehr Gedanken machen.. hab heute leider keine Zeit mehr.
Gruß
Oli