Nu er der jo en del søge-relevant information i sådan en rotator, så måske du skulle gøre sådan i stedet:
<!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=iso-8859-1">
<title>TITLE</title>
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#bannerHolder {
width: 488px;
height: 153px;
padding: 2px;
background: #F18D00;
font: 13px arial, sans-serif;
}
#bannerHolder ul {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
#bannerHolder li {
width: 93px;
float: left;
padding: 1px 0;
margin: 0 1px;
font-size: 11px;
border: 1px solid #F0591A;
color: #fff;
cursor: pointer;
}
.bannerPage {
width: 480px;
padding: 3px;
background: #fff;
display: none;
}
.bannerPage img {
width: 310px;
height: 121px;
margin-right: 6px;
float: left;
border: 0;
}
.bannerPage div {
float: left;
}
.bannerPage div p {
padding: 0px;
margin: 0px;
margin-top: 6px;
}
.bannerPage div a, .bannerPage div a:visited {
font: bold 13px verdana, sans-serif;
color: #d00;
text-decoration: none;
}
.bannerPage div a:hover {
font: bold 13px verdana, sans-serif;
text-decoration: underline;
}
#actNavItem {
background: #FFEC12 !important;
color: #000 !important;
}
</style>
<script type="text/JavaScript">
// Ret herfra ------------------------------------------
var nDelay = 3; // Antal sekunder mellem skift
// Ret hertil ------------------------------------------
function mOver(oLi) {
if (oLi.getAttribute("id")=="actNavItem") return;
oLi.style.background = "#FFEC12";
oLi.style.color = "#000";
}
function mOut(oLi) {
if (oLi.getAttribute("id")=="actNavItem") return;
oLi.style.background = "";
oLi.style.color = "";
}
function mClick(oLi, nInx, bStop) {
var o = document.getElementById("actNavItem");
if (bStop) swapBanners.bStopped = true;
if (o) {
o.attributes.removeNamedItem("id");
mOut(o);
}
oLi.setAttribute("id", "actNavItem");
if (swapBanners.oActPage) swapBanners.oActPage.style.display = "none";
swapBanners.oActPage = document.getElementById("ban_" + nInx);
swapBanners.oActPage.style.display = "block";
}
function swapBanners() {
if (swapBanners.bStopped) return;
if (!swapBanners.aLi) swapBanners.aLi = document.getElementById("bannerHolder").getElementsByTagName("li");
mClick(swapBanners.aLi[swapBanners.nInx], swapBanners.nInx);
swapBanners.nInx++;
if (swapBanners.nInx>swapBanners.aLi.length-1) swapBanners.nInx = 0;
setTimeout("swapBanners()", nDelay*1000);
}
swapBanners.nInx = 0;
swapBanners.aLi = null;
swapBanners.oActPage = null;
swapBanners.bStopped = false;
window.onload = function() {
swapBanners();
}
</script>
</head>
<body>
<!-- Inkluder evt. med PHP eller ASP herfra -->
<div id="bannerHolder">
<ul>
<li onmouseover="mOver(this)" onmouseout="mOut(this)" onclick="mClick(this, 0, true)">Mænd og kvinder</li>
<li onmouseover="mOver(this)" onmouseout="mOut(this)" onclick="mClick(this, 1, true)">Fribilletter</li>
<li onmouseover="mOver(this)" onmouseout="mOut(this)" onclick="mClick(this, 2, true)">God musik</li>
<li onmouseover="mOver(this)" onmouseout="mOut(this)" onclick="mClick(this, 3, true)">It-tip</li>
<li onmouseover="mOver(this)" onmouseout="mOut(this)" onclick="mClick(this, 4, true)">Sikkerhed</li>
</ul>
<div id="ban_0" class="bannerPage">
<a href="
http://netnyt.tdconline.dk/publish.php?id=13934"><img src="
http://i.c.dk/pics/6/8/3/46386/325x122.jpg" alt="Sociale kvinder på nettet" title=""></a>
<div>
<a href="
http://netnyt.tdconline.dk/publish.php?id=13934">Den lille net-forskel</a>
<p>Kvinder er sociale på nettet og slår ting op, mens mændenes internetfokus er på nyheder, viser ny undersøgelse.</p>
</div>
</div>
<div id="ban_1" class="bannerPage">
<a href="
http://netnyt.tdconline.dk/publish.php?id=13831"><img src="
http://i.c.dk/pics/1/7/1/46171/325x122.jpg" alt="Starlight Express - Vind billetter" title=""></a>
<div>
<a href="
http://netnyt.tdconline.dk/publish.php?id=13831">Vind billetter til Starlight Express</a>
<p>Andrew Lloyd Webbers succes-musical Starlight Express spiller i København 30. november. Du kan vinde billetter.</p>
</div>
</div>
<div id="ban_2" class="bannerPage">
<a href="
http://links.tdconline.dk/?cid=2625&l2id=2557"><img src="
http://i.c.dk/pics/6/3/7/44736/325x122.jpg" alt="Koncert billetter - musiknyheder" title=""></a>
<div>
<a href="
http://links.tdconline.dk/?cid=2625&l2id=2557">Det bedste fra musikkens verden</a>
<p>Læs musiknyheder, find din yndlingssanger eller køb billetter til en fed koncert i Linkguiden.</p>
</div>
</div>
<div id="ban_3" class="bannerPage">
<a href="
http://netnyt.tdconline.dk/publish.php?id=13904"><img src="
http://i.c.dk/pics/8/1/5/45518/325x122.jpg" alt="IT problemer" title=""></a>
<div>
<a href="
http://netnyt.tdconline.dk/publish.php?id=13904">Er du i tvivl - så tag strømmen</a>
<p>Tag strømmen fra udstyret i ti sekunder - det giver en frisk start og løser overraskende mange it-problemer.</p>
</div>
</div>
<div id="ban_4" class="bannerPage">
<a href="
http://sikkerhed.tdconline.dk/publish.php?id=13908"><img src="
http://i.c.dk/pics/4/1/0/36014/325x122.jpg" alt="Sikkerhed - CSIS om TrygPCBruger.com" title=""></a>
<div>
<a href="
http://sikkerhed.tdconline.dk/publish.php?id=13908">Pas på falsk antispyware</a>
<p>Sikkerhedsfirmaet CSIS advarer om en ny trussel fra en hjemmeside med det dansk-klingende navn "TrygPCBruger.com".</p>
</div>
</div>
</div>
<!-- Inkluder evt. med PHP eller ASP hertil -->
</body>
</html>
- du må stadig rette styles til - og evt. bruge baggrundsbilleder hist og her. Det er et lidt hurtigt skud fra hoften :)
Ny bruger
Nybegynder
Opret
Preview
