Billeder der skifter

Hvad mener du helt præcist?
Vil du have billedet til at skifte mellem hinanden efter f.eks. 3 sek. ved hver, eller vil du have dem til at skifte når musen bevæger sig hen over et punkt, eller var det noget helt tredie du havde forstillet dig??

Nej - f.eks 3 sek. ved hver er helt OK..
Ingen MouseOver og ikke noget helt tredie.

Det nemeste ville nok være at lave den som en GIF-animation.

Flg script er fra dynamicdrive.com

det er play() der starter slide show

så du kan bruge

<body onload"play()">

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Picture Slideshow</title>
</head>

<body bgcolor="#FFFFFF">
<div align="center"><center>

<table border="0">
    <caption align="top"><font size="4">Interactive Picture
    Slide-Show</font></caption>
    <tr>
        <td><font size="4">Created By:</font></td>
        <td><font size="4">Christian Carlessi Salvadó</font></td>
    </tr>
    <tr>
        <td><font size="4">Home Page:</font></td>
        <td><a href="http://www.geocities.com/Paris/Jardin/8415/"><font
        size="4">http://www.geocities.com/Paris/Jardin/8415/</font></a></td>
    </tr>
    <tr>
        <td><font size="4">E-Mail: </font></td>
        <td><a href="mailto:cocolinks@c.net.gt"><font size="4">cocolinks@c.net.gt</font></a><font
        size="4"> </font></td>
    </tr>
</table>
</center></div>

<hr>

<p align="center"><input type="button" name="btnPrev"
value="&lt;&lt; Previous" onclick="Prev();"> <input type="button"
name="bntPlay" value="Play - Stop" onclick="Play()"> <input
type="button" name="btnNext" value="  Next &gt;&gt;  "
onclick="Next();"><br>
<a href="java script:slidenow()" onmouseover="window.status='';"
return title="Get your own copy of Slide Show" true><font
size="1">Slide Show...</font></a></p>

<p align="center"><img name="_Ath_Slide" onload="OnImgLoad()"> </p>

<p align="center"><b>Description: <SPAN id="_Ath_FileName"></b> </SPAN> <br>
<b>Number of Pictures: <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*1000);
}
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 ("cake.gif", "It's a cake!");
g_ImageTable[g_imax++] = new Array ("bike.gif", "Bike Rider");
g_ImageTable[g_imax++] = new Array ("eyes.gif", "Are you looking me?");
g_ImageTable[g_imax++] = new Array ("whmen.gif", "Wath Out!!");
g_ImageTable[g_imax++] = new Array ("manager.gif", "Hurry Up!");
//extend the above list as desired
g_dwTimeOutSec=2

////End configuration/////////////////////////////



//////////////////////////////////////////
//**************************************//
//                                                    *//
//        By: Christian Carlessi Salvadó  *//
//        E-Mail: cocolinks@c.net.gt            *//
//                                                    *//
//**************************************//
//////////////////////////////////////////</script>
</p>

<p align="center"><a href="README.html"><strong>Go to the Readme
File</strong></a></p>
</body>
</html>

Stadig interesset, rapp?

Og iøvrigt er det god tone, at fortælle HVORFOR man afviser et svar.

Lukket