Næste billede.....tæl hvor mange!

Er det en tabel i en database skal du bruge ASP

senj:

Man kan vel også bruge et javascript eller....?

Det du ar brug for er DHTML

Her er din løsning

http://www.dynamicdrive.com/dynamicindex14/interslide.htm

-Anders

Jeg ska ik!

Her er et lille script der skifter billede hvert 5. sekund der skal bruges 5 forskellige billeder som skal hedde
billede1.jpg
billede2.jpg
billede3.jpg
billede4.jpg
billede5.jpg
Og billederne skal ligge på samme sted som dette dokument.
;-)

<html>
<head>
<title>Skiftende billeder</title>
<script language=JavaScript>
var billedSkift=new Array();
billedSkift[0]=\"billede1.jpg\";
billedSkift[1]=\"billede2.jpg\";
billedSkift[2]=\"billede3.jpg\";
billedSkift[3]=\"billede4.jpg\";
billedSkift[4]=\"billede5.jpg\";
var billede = 0;
function Rotate(){
if (++billede > 4) billede = 0;
document.images.billedSkiftrotate.src = billedSkift[billede]
window.setTimeout(\'Rotate();\',5000);
}
</script>
</head>
<body onLoad=\"window.setTimeout(\'Rotate();\',5000);\">
<img src=\"billede1.jpg\" name=\"billedSkiftrotate\">
</body>
</html>

Her et et eksempel.

Billederne bladres frem ved klik på en link, og billederne, der indgår har navnene b1.gif, b2.gif...b8.gif.

Se sciptet i aktion på hjem.get2net.dk/web/dias/dias.html

<HTML>
<HEAD>
<SCRIPT LANGUAGE=\"JavaScript\">
imageNum=1;
theImages = new Array()
for(i = 1; i < 9; i++)
{
theImages[i] = new Image()
theImages[i].src = \"b\"+i + \".gif\"
}

function naeste(){
imageNum=imageNum+1
if (imageNum==9) imageNum=1;
document.billede.src = theImages[imageNum].src
}
</SCRIPT>
</head>
<body >
<H1>Diasshow!</H1><A HREF=\"#\" onClick=\"naeste()\">Næste billede</A>
<P>
<IMG NAME=\"billede\" SRC=\"b1.gif\">
</BODY>
</HTML>

<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();\"></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>2</SPAN> <strong>of</strong> <b><SPAN id=\"_Ath_Img_N\"></b>4</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ó (cocolinks@c.net.gt)
For full source code to this script and more, visit http://dynamicdrive.com
*/


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 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 (\"http://dynamicdrive.com/dynamicindex4/cake.gif\", \"It\'s a cake!\");
g_ImageTable[g_imax++] = new Array (\"http://dynamicdrive.com/dynamicindex4/TN00411A.gif\", \"Bike Rider\");
g_ImageTable[g_imax++] = new Array (\"http://dynamicdrive.com/dynamicindex4/PE01803A.gif\", \"Soccer Player\");
g_ImageTable[g_imax++] = new Array (\"http://dynamicdrive.com/dynamicindex4/PE02054A.gif\", \"Wath Out!!\");
g_ImageTable[g_imax++] = new Array (\"http://dynamicdrive.com/dynamicindex4/PE01805A.gif\", \"Hurry Up!\");
//extend the above list as desired
g_dwTimeOutSec=2

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



window.onload=Play

</script>
</p>

<p align=\"center\"><font face=\"Arial\" size=\"-2\">Free DHTML scripts provided by<br>
<a href=\"http://dynamicdrive.com\">Dynamic Drive</a></font></p>

Hvorfor dog ikke..???

Når man afviser er det god edikette at skrive hva svaret fejlede....

-Anders

PS: Ved godt mit svar ikke var JavaScript med DHTML

a-torsten!

Sorry - var også meningen, men blev lige optaget af at prøve helle_fred\'s svar af...!

Dit svar....tjah....dels er det DHTML, hvilket jeg endnu ikke tør bevæge mig ud i at bruge og dels er det ikke lige noget med nogle knapper og sån\' jeg har brug for!

helle_fred\'s svar er meget tæt på en løsning, men før jeg har fået det til at virke får hun heller ikke pointene!

Jeg kan da godt fjerne knapperne for dig..*ss*

-Anders

PS: Sku den ikke skrive fx (1 billede ud af 10) osv..???

-Anders

a-torsten:

Jo - men det er jo ikke sikkert at der er 10 billeder....der kan godt ske kun at være 3, 6, eller 8!

Navnene på billedfilerne ligger i en tabel der hedder Film_galleri....jeg bruger pt. ASP til at lave forbindelse m.m. til tabellen.......kan man blande de to ting sammen?

Det ligner faktisk et script jeg har.
http://hjem.get2net.dk/Jakob.Aggernaes/javascript/javascript07.html
Alle billedUrler skrives ind i siden med lidt tekst til hver og de bliver så vist et efter et. Du kan se hvordan det bruges på:
http://home19.inet.tele.dk/karlebo/kfriber16bk.html

Sig til hvis du har brug for hjælp til at grabbe.

mvh JakobA

Jakoba!

Det er meget fint, men de billeder der skal vises afhænger af, hvilket Edbnr. der er valgt!

Derfor skal jeg kalde navnene og stierne på billederne på en eller anden måde....evt. via ASP....kan jeg kombinere de to ting?

Lukker spørgsmålet da det ikke er relevant mere!