En snabb googling, lite klipp-å-klistra och därpå lite css så blev resultatet en webbsida som visar ett "bildspel" med tre olika helt andra webbsidor samt en nedräkning till Sveriges nationaldag
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ozze74's SlideShow</title>
<script type="text/javascript">
var pages=new Array();
pages[0]="http://eforum.idg.se";
pages[1]="http://eforum.kicks-ass.net";
pages[2]="http://www.idg.se";
var i=0;
var time=7000; // this is set in milliseconds
function pageChange() {
document.getElementById("slideFrame").src=pages[i];
i++;
if(i==pages.length) {
i=0;
}
setTimeout("pageChange()",time);
}
onload=pageChange;
</script>
<style type="text/css">
<!--
* {
margin:0;
padding:0;
}
html, body {
width:100%;
height:100%;
}
#slideFrame {
z-index:0;
width:100%;
height:100%;
border:none;
}
#counterBox {
position:absolute;
bottom:0;
z-index:1;
width:100%;
height:3.1em;
background-color:#36C;
text-align:center;
}
#countForm {
margin:auto;
text-align:center;
}
#countTextField {
width:100%;
text-align:center;
background:none;
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
color:#FC0;
}
-->
</style>
</head>
<body>
<iframe id="slideFrame"></iframe>
<div id="counterBox">
<form name="countForm">
<input type="text" name="countTextField" id="countTextField">
</form>
<script>
/*
Count down until any date script-
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="Sveriges nationaldag!"
var current="Idag är det Sveriges nationaldag!"
var montharray=new Array("Jan","Feb","Mar","Apr","Maj","Jun","Jul","Aug","Sep","Okt","Nov","Dec")
function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.countForm.countTextField.value="Bara "+dday+ " dagar och "+dhour+" timmar kvar till "+before
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//enter the count down date using the format year/month/day
countdown(2010,06,06)
</script>
</div>
</body>
</html>
Du behöver alltså inte ens Powerpoint utan bara en webbläsare. Kopiera koden ovan klistra in i ett tomt textdokument (använd Notepad) samt spara som .html
Du kan såklart själv enkelt byta datum att räkna ned till, ange vilka olika webbsidor du vill visa (kan vara fler än tre) samt hur lång tid det skall gå mellan sidbytena.
Resultatet finns att beskåda på
http://eforum.kicks-.../slideShow.html
Inlägget är redigerat av Cluster: 18 mar 2010, 23:38.
Logga in
Bli medlem
Citera flera inlägg
.
