Problem med placering af tekstbokse
Jeg er ved at oprette et website med den web editor der ligger på one.com.Jeg har indsat en html boks med denne kodning som jeg har fundet på nettet.
<html>
<head>
<title>Slideshow</title>
<script>
////////////////////////////////////////////////////////////////
// Javascript made by Rasmus - http://www.peters1.dk //
////////////////////////////////////////////////////////////////
var SLIDE_sti = 'http://www.de-glade-motorcyklister.dk/billeder/'; // Adresse til mappen, hvor billederne er placeret
var SLIDE_text = new Array();
SLIDE_text[1] = 'Billede 1'; // Tekst til Billede 1
SLIDE_text[2] = 'Billede 2'; // Tekst til Billede 2
SLIDE_text[3] = 'Billede 3'; // Tekst til Billede 3
SLIDE_text[4] = 'Billede 4'; // Tekst til Billede 4
SLIDE_text[5] = 'Billede 5'; // Tekst til Billede 5
SLIDE_text[6] = 'Billede 6'; // Tekst til Billede 6
SLIDE_text[7] = 'Billede 7'; // Tekst til Billede 7
SLIDE_text[8] = 'Billede 8'; // Tekst til Billede 8
SLIDE_text[9] = 'Billede 9'; // Tekst til Billede 9
SLIDE_text[10] = 'Billede 10'; // Tekst til Billede 10
SLIDE_text[11] = 'Billede 11'; // Tekst til Billede 11
SLIDE_text[12] = 'Billede 12'; // Tekst til Billede 12
// Ingen ændringer herunder...
var SLIDE_billede = new Array();
var SLIDE_load = new Array();
var SLIDE_status, SLIDE_timeout;
var SLIDE_aktuel = 1;
var SLIDE_speed = 3000;
var SLIDE_fade = 2;
for (i = 1; i <= SLIDE_text.length-1; i++)
{
SLIDE_billede[i] = SLIDE_sti+i+'.jpg';
SLIDE_load[i] = new Image();
SLIDE_load[i].src = SLIDE_billede[i];
}
var SLIDE_antal = SLIDE_billede.length-1;
function SLIDE_start()
{
document.getElementById('SLIDE_pause').disabled = true;
document.images.SLIDE_billedeBox.src = SLIDE_load[SLIDE_aktuel].src;
document.getElementById("SLIDE_textBox").innerHTML= SLIDE_text[SLIDE_aktuel];
}
function SLIDE_play()
{
document.getElementById('SLIDE_play').disabled = true;
document.getElementById('SLIDE_pause').disabled = false;
SLIDE_aktuel++;
SLIDE_slide();
SLIDE_status = 'SLIDE_play';
SLIDE_timeout = setTimeout("SLIDE_play()",SLIDE_speed);
}
function SLIDE_pause()
{
clearTimeout(SLIDE_timeout);
SLIDE_status = 'SLIDE_pause';
document.getElementById('SLIDE_pause').disabled = true;
document.getElementById('SLIDE_play').disabled = false;
}
function SLIDE_tilbage()
{
clearTimeout(SLIDE_timeout);
SLIDE_aktuel--;
SLIDE_slide();
if (SLIDE_status != 'SLIDE_pause') SLIDE_timeout = setTimeout("SLIDE_play()",SLIDE_speed);
}
function SLIDE_frem()
{
clearTimeout(SLIDE_timeout);
SLIDE_aktuel++;
SLIDE_slide()
if (SLIDE_status != 'SLIDE_pause') SLIDE_timeout = setTimeout("SLIDE_play()",SLIDE_speed);
}
function SLIDE_slide()
{
if (SLIDE_status != 'SLIDE_pause')
{
document.getElementById('SLIDE_play').disabled = true;
document.getElementById('SLIDE_pause').disabled = false;
}
if (SLIDE_aktuel > (SLIDE_antal)) SLIDE_aktuel=1;
if (SLIDE_aktuel < 1) SLIDE_aktuel = SLIDE_antal;
if (document.all)
{
document.getElementById("SLIDE_textBox").style.background = "transparent";
document.images.SLIDE_billedeBox.style.filter="blendTrans(duration=2)";
document.images.SLIDE_billedeBox.style.filter="blendTrans(duration=SLIDE_fade)";
document.images.SLIDE_billedeBox.filters.blendTrans.Apply();
}
document.images.SLIDE_billedeBox.src = SLIDE_load[SLIDE_aktuel].src;
if (document.getElementById) document.getElementById("SLIDE_textBox").innerHTML= SLIDE_text[SLIDE_aktuel];
if (document.all) document.images.SLIDE_billedeBox.filters.blendTrans.Play();
}
function SLIDE_hastighed(SLIDE_valgt)
{
SLIDE_speed = SLIDE_valgt.options[SLIDE_valgt.selectedIndex].value;
}
</script>
<style>
body {margin: 8px 8px 8px 0px}
td {font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 11px}
.knap {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px}
.input {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px}
</style>
</head>
<body onLoad="SLIDE_start()">
<center><img name="SLIDE_billedeBox" style="border: thin inset white"></center>
<div id="navigation" align="center" style="width:100%;position:absolute;bottom:15px;">
<table>
<tr>
<td id="SLIDE_textBox" align="center"> </td>
</tr>
</table>
<br />
<table>
<tr valign="middle">
<td>
<select name="SLIDE_hastighed" class="input" onChange="SLIDE_hastighed(this)">
<option value="1000">1 sekund</option>
<option value="2000">2 sekunder</option>
<option value="3000" selected>3 sekunder</option>
<option value="5000">5 sekunder</option>
<option value="8000">8 sekunder</option>
</select>
</td>
<td>
<button type="button" id="SLIDE_tilbage" class="knap" onClick="SLIDE_tilbage()"> << </button>
<button type="button" id="SLIDE_play" class="knap" onClick="SLIDE_play()">Play</button>
<button type="button" id="SLIDE_pause" class="knap" onClick="SLIDE_pause()">Pause</button>
<button type="button" id="SLIDE_frem" class="knap" onClick="SLIDE_frem()"> >> </button>
</td>
<td>
<BUTTON type="button" onClick="top.window.close();" class="knap">Luk vindue</BUTTON>
</td>
</tr>
</table>
</div>
</body>
</html>
Mit problem er at de bokse hvor man kan vælge "play" "pause" osv lægger sig alt for langt nede.
Det ligger på http://www.de-glade-motorcyklister.dk/slideshow.html
Håber der er en der kan hjælpe med at få det flyttet op under billedet.
Samtidig vil jeg høre om det er en mulighed at få den til at vise billederne i feks. 400 X 400 px, eller skal jeg beskære dem inden upload? Billede 13 er beskåret i 400 X 400 px.
