Avatar billede crabber Nybegynder
02. maj 2006 - 13:08 Der er 3 kommentarer og
1 løsning

Slideshow kode?

Jeg har fundet en kode på et slide show som jeg så vil lave om i. Slide kører automatisk fr starten og der har være en start og stop knab på siden.

Det jeg skal ruge den til er, at man selv skifter fra billede til billede.

Som det ser ud nu kommer siden frem med to fejl i scriptet og dem vil jeg selvfølgelig gerne have væk.

Koden:
<html>
<head>
<title>Main</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="web-style" rel="stylesheet" type="text/css">
</head>

<div align="left"></div>
<table width="570" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td height="40" colspan="2" valign="middle"><span class="overskrift">Fotos</span></td>
  </tr>
  <tr>
    <td width="569" height="14"></td>
    <td width="1"></td>
  </tr>
  <tr>
    <td height="18" colspan="2" valign="top"><span class="normaltext">&nbsp;&nbsp;- fra loppemarket</span></td>
  </tr>
  <tr>
    <td height="13"></td>
    <td></td>
  </tr>
  <tr>
    <td height="245" valign="middle">
      <img name="_Ath_Slide" width="348" height="259" align="left" class="ram4" id="_Ath_Slide" onload="OnImgLoad()" >
      <p align="center"><br>
        <br>
        <br>
        <br>
        <br>
        <br>
       
        <br>
        <a href="#" id="btnPrev" onClick="Prev();">&lt;&lt; Tilbage</a>
        | <a href="#" id="btnNext" value="  Next >>  " onClick="Next();">N&aelig;ste &gt;&gt;</a><br>
     
        <script language="JavaScript1.2">

/*
Interactive Image slideshow with text description
By Christian Carlessi Salvadó (cocolinks@c.net.gt). Keep this notice intact.
Visit http://www.dynamicdrive.com for script
*/


g_fPlayMode = 0;
g_iimg = -1;
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 getobject(obj){
if (document.getElementById)
return document.getElementById(obj)
else if (document.all)
return document.all[obj]
}

function Update(){
getobject("_Ath_Slide").src = g_ImageTable[g_iimg][0];
getobject("_Ath_FileName").innerHTML = g_ImageTable[g_iimg][1];
getobject("_Ath_Img_X").innerHTML = g_iimg + 1;
getobject("_Ath_Img_N").innerHTML = g_imax;
}


function Play()
{
g_fPlayMode = !g_fPlayMode;
if (g_fPlayMode)
{
getobject("btnPrev").disabled = getobject("btnNext").disabled = false;
Next();
}
else
{
getobject("btnPrev").disabled = getobject("btnNext").disabled = false;

}
}
function OnImgLoad()
{
if (g_fPlayMode)
window.setTimeout(g_dwTimeOutSec*1000);
}
function Tick()
{
if (g_fPlayMode)
Next();
}
function Prev()
{
ChangeImage(false);
}
function Next()
{
ChangeImage(true);
}


////configure below variables/////////////////////////////

//configure the below images and description to your own.
g_ImageTable[g_imax++] = new Array ("foto/pic001.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic002.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic003.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic004.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic005.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic006.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic007.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic008.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic009.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic010.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic011.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic012.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic013.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic014.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic015.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic016.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic017.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic018.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic019.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic020.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic021.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic022.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic023.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic024.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic025.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic026.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic027.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic028.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic029.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic030.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic031.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic032.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic033.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic034.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic035.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic036.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic037.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic038.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic039.jpg");
g_ImageTable[g_imax++] = new Array ("foto/pic040.jpg");


//extend the above list as desired


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

if (document.getElementById||document.all)
window.onload=Play

</script>
    </p>    </td>
  </tr>
  <tr>
<p align="right">
</table>


    <!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr>
 
  <tr>
    <td valign="top">
  </tr>
</table>
</body>
</html>

Er der nogen som kan hjælpe mig med det?
Eller som nogen som eventuelt kender en bedre løsning som har samme funktioner som det jeg skal have?

Casper Andersen
Avatar billede slejpnir Nybegynder
02. maj 2006 - 14:05 #1
<script type="text/javascript">
<!--

bm=25;
be=".jpg"
bd="sbillede";
bn=1;
bs=1;
cn="";

window.onload=function(){
cd=document.getElementById('dias');
cp=document.getElementById('preload');
cd.style.position="relative";
setInterval("dias()",15000);
dias();
}

function dias(){
bn=(bn+1>bm)?bs:bn+1;
cd.src=cp.src;
cd.style.top=(cd.offsetParent.offsetHeight-cd.offsetHeight)/5+"px";
cd.style.left=(cd.offsetParent.offsetWidth-cd.offsetWidth)/2+"px";
cp.src=bd+bn+be;
}

//-->
</script>

</head>
<body>
<Center><Font Face = "Brush Script MT" Font size = 8><B>Min diasserie</font><BR>
<Font Face = "Brush Script MT" Font size = 6><B>Diasshow</font><BR>
<Font Face = "Brush Script MT" Font size = 5><B>(Billederne vises her i stærkt reduceret format.)</font></center><P>
<div style="width:500px;">
<img id="dias" src="sbillede1.jpg">
<img id="preload" src="sbillede1.jpg" style="display:none;">
</div>
</html>
Avatar billede crabber Nybegynder
02. maj 2006 - 14:16 #2
Det forstår jeg ikke meget af! Er du ikke sød at hjælpe mig med hvor jeg skal sætte det ind?
Avatar billede slejpnir Nybegynder
02. maj 2006 - 15:09 #3
Hvis du sætter det hele ind på én side og fx kalder filen clide.html og laver et kald til clide.html, bør det virke. Det gør det hos mig. Du kan kopiere det hele over, så er der ikke noget, der går galt.

<!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>Mit galleri Diasserie</title>

<script type="text/javascript">
<!--

bm=25;
be=".jpg"
bd="sbillede";
bn=1;
bs=1;
cn="";

window.onload=function(){
cd=document.getElementById('dias');
cp=document.getElementById('preload');
cd.style.position="relative";
setInterval("dias()",15000);
dias();
}

function dias(){
bn=(bn+1>bm)?bs:bn+1;
cd.src=cp.src;
cd.style.top=(cd.offsetParent.offsetHeight-cd.offsetHeight)/5+"px";
cd.style.left=(cd.offsetParent.offsetWidth-cd.offsetWidth)/2+"px";
cp.src=bd+bn+be;
}

//-->
</script>

</head>
<body>
<Center><Font Face = "Brush Script MT" Font size = 8><B>Min diasserie</font><BR>
<Font Face = "Brush Script MT" Font size = 6><B>Diasshow</font><BR>
<Font Face = "Brush Script MT" Font size = 5><B>(Billederne vises her i stærkt reduceret format.)</font></center><P>
<div style="width:500px;">
<img id="dias" src="sbillede1.jpg">
<img id="preload" src="sbillede1.jpg" style="display:none;">
</div>
</html>
Avatar billede slejpnir Nybegynder
04. maj 2006 - 12:14 #4
Tak for points:o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



IT-JOB