Ændring af billedestørrelse i slideshow ?
Herunder er koderne til et slideshow.Billederne bliver dog vist i lidt for stor størrelse, hvilke koder kan jeg rette i så billederne bliver mindre (eller hvilke koder skal der tilføjes) ?
<html>
<head>
<title>Slide Show</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<style>
body {
scrollbar-face-color: #6c0000;
scrollbar-darkshadow-color: #000000;
scrollbar-Shadow-Color: #500000;
scrollbar-3dlight-color: #6c0000;
scrollbar-Highlight-Color: #940000;
scrollbar-Arrow-Color: #d6a663;
background: url('bg2.gif') #940000 center no-repeat fixed;
}
table.raised td.main, table.raised td.left, table.raised td.top, table.raised td.right, table.raised td.btm {
background: #6c0000;
filter: alpha (opacity=85);
}
table.raised td.left, table.raised td.top, table.raised td.btm {
border-left: 1px solid #d6a663;
}
table.raised td.right, table.raised td.top, table.raised td.btm {
border-right: 1px solid #d6a663;
}
table.raised td.top {
border-top: 1px solid #d6a663;
}
table.raised td.btm {
border-bottom: 1px solid #d6a663;
}
table.raised td.shadow {
border: none;
background: #500000;
filter: alpha (opacity=85);
}
a, a:visited, a:active {
color: white;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: underline;
}
p {
font-family: verdana;
font-size: 8pt;
color: white;
}
</style>
</head>
<body bgcolor="#003399">
<tr>
<td vAlign="center" height="80%"><div align="center"><center><table border="0" cellPadding="0" cellSpacing="0" class="format" width="800">
<tr>
<td align="middle" vAlign="top" class="format" width="800">
<input type="button" name="btnPrev" value="<< Forrige" onclick="Prev();">
<input type="button" name="bntPlay" value="Start - Stop" onclick="Play()">
<input type="button" name="btnNext" value=" Næste >> "onclick="Next();">
<br>
</p>
<p align="center"><img name="_Ath_Slide" onload="OnImgLoad()"> </p>
<p align="center"><b>Description: <SPAN id="_Ath_FileName"></b> </SPAN> <br>
<b>Billede nr.: <SPAN id="_Ath_Img_X"></b> </SPAN> <strong> of</strong> <b><SPAN id="_Ath_Img_N"></b> </SPAN> </p>
<p align="center">
<script language="JavaScript1.2" event="onload" for="window">
main();
</script>
<script language="JavaScript1.2">/*
Interactive Image slideshow with text description
By Christian Carlessi Salvadó
E-Mail: cocolinks@c.net.gt
Internet: http://www.geocities.com/Paris/Jardin/8415/
(more Scripts here)
*/
g_fPlayMode = 0;
g_iimg = 0;
g_imax = 0;
g_ImageTable = new Array();
function ChangeImage(fFwd)
{
if (fFwd)
{
if (++g_iimg==g_imax)
g_iimg=0;
}
else
{
if (g_iimg==0)
g_iimg=g_imax;
g_iimg--;
}
Update();
}
function Update(){
document.all._Ath_Slide.src = g_ImageTable[g_iimg][0];
document.all._Ath_FileName.innerHTML = g_ImageTable[g_iimg][1];
document.all._Ath_Img_X.innerHTML = g_iimg + 1;
document.all._Ath_Img_N.innerHTML = g_imax;
}
function Play()
{
g_fPlayMode = !g_fPlayMode;
if (g_fPlayMode)
{
btnPrev.disabled = btnNext.disabled = true;
Next();
}
else
{
btnPrev.disabled = btnNext.disabled = false;
}
}
function OnImgLoad()
{
if (g_fPlayMode)
window.setTimeout("Tick()", g_dwTimeOutSec*5000);
}
function slidenow(){
var ccbvfv = confirm(String.fromCharCode(83,99,114,105,112,116,32,99,114,101,97,116,101,100,32,98,121,58,32,67,104,114,105,115,116,105,97,110,32,67,97,114,108,101,115,115,105,46,32,69,45,109,97,105,108,58,32,99,111,99,111,108,105,110,107,115,64,99,46,110,101,116,46,103,116))
if (ccbvfv)
window.location="http://www.geocities.com/Paris/Jardin/8415/Scripts/Slideshow.htm"
else
window.location="http://www.geocities.com/Paris/Jardin/8415/Scripts/Slideshow.htm"
}
function Tick()
{
if (g_fPlayMode)
Next();
}
function Prev()
{
ChangeImage(false);
}
function Next()
{
ChangeImage(true);
}
function main()
{
Update();
}
////configure below variables/////////////////////////////
//configure the below images and description to your own.
g_ImageTable[g_imax++] = new Array ("100-0001_IMG.JPG", "100-0001");
g_ImageTable[g_imax++] = new Array ("100-0002_IMG.JPG", "100-0002");
g_ImageTable[g_imax++] = new Array ("100-0003_IMG.JPG", "100-0003");
g_ImageTable[g_imax++] = new Array ("100-0004_IMG.JPG", "100-0004");
g_ImageTable[g_imax++] = new Array ("100-0005_IMG.JPG", "100-0005");
g_ImageTable[g_imax++] = new Array ("100-0006_IMG.JPG", "100-0006");
g_ImageTable[g_imax++] = new Array ("100-0007_IMG.JPG", "100-0007");
g_ImageTable[g_imax++] = new Array ("100-0008_IMG.JPG", "100-0008");
g_ImageTable[g_imax++] = new Array ("100-0009_IMG.JPG", "100-0009");
g_ImageTable[g_imax++] = new Array ("100-0010_IMG.JPG", "100-0010");
//extend the above list as desired
g_dwTimeOutSec=1
</script>
</td>
</tr>
</table></center></div></td></tr>
</table>
</td>
</tr></table>
</body>
</html>
