Avatar billede sleeper Nybegynder
18. november 2007 - 19:40 Der er 23 kommentarer og
1 løsning

Automatisk billedskift

Hej

Er der nogle der kan fortælle mig hvordan jeg kan sætte et automatisk billedskrift ind i denne CSS/HTML kodning?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">

<!-- #BeginTemplate "../master.dwt" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- #BeginEditable "doctitle" -->
<title>Anton</title>
<!-- #EndEditable -->
<link rel="stylesheet" title="CSS" type="text/css" href="../styles/style1.css" media="screen" />
</head>

<body>

<!-- Begin Container -->
<div id="container">
    <!-- Begin Masthead -->
    <div id="masthead">
        <img src="../images/logo.gif" alt="Your Company Logo Here" height="66" width="150" /><p>
        &nbsp;</p>
    </div>
    <!-- End Masthead -->
    <!-- Begin Navigation -->
    <div id="navigation">
        <ul>
            <li><a href="../index.html">Home</a></li>
            <li><a href="../about/about.htm">About</a></li>
            <li><a href="../news/news.htm">News</a></li>
            <li><a href="../calendar/calendar.htm">Calendar</a></li>
            <li><a href="mailto:info@voga.dk">Contact</a></li>
            <li><a href="../Anton/Anton.htm">Anton</a></li>
            <li><a href="../Minus/Minus.htm">Minus</a></li>
            <li><a href="../Kiwi/Kiwi.htm">kiwi</a></li>
        </ul>
    </div>
    <!-- End Navigation -->
    <!-- Begin Page Content -->
    <div id="page_content">
        <!-- Begin Left Column -->
        <div id="column_l">
            <!-- #BeginEditable "content" -->
                                            <!-- #EndEditable --></div>
        <!-- End Left Column -->
        <!-- End Right Column --->
        <div id="column_r">
            <!-- #BeginEditable "sidebar" -->
            <img alt="" src="Anton.jpg" width="180" height="135" id="img1" />
           
            <!-- #EndEditable --></div>
        <!-- End Right Column --></div>
    <!-- End Page Content -->
    <!-- Begin Footer -->
    <div id="footer">
        <p><a href="../index.html">Home</a> |
        <a href="../about/about.htm">About</a> |
        <a href="../calendar/calendar.htm">Calendar</a> |
        <a href="mailto:info@voga.dk">Contact</a> |
        <a href="../faq/faq.htm">FAQ</a> |
        <a href="../information_links/information_links.htm">Information Links</a>    |
        <a href="../news/news.htm">News</a> |
        <a href="../photo_gallery/photo_gallery.htm">Photo Gallery</a></p>
        <p><a href="mailto:webmaster@voga.dk"></a>"Copyright © 2007 voga.dk - By A.jæger. All Rights Reserved.</p>
    </div>
    <!-- End Footer --></div>
<!-- End Container -->

</body>

<!-- #EndTemplate -->

</html>
Avatar billede soerenlyn Nybegynder
18. november 2007 - 19:51 #1
Hvad mener du med automatisk billedskift??
Hvilket billede? Hvornår skal det skifte ?
Avatar billede sleeper Nybegynder
18. november 2007 - 19:58 #2
Jeg har tidligere brugt http://www.eksperten.dk/spm/742126 i en ren HTML kodning, denne har jeg kunne få til at virke uden problemer

Jeg vil have noget automatisk billedskift ind her

  <div id="column_r">
            <!-- #BeginEditable "sidebar" -->
            <img alt="" src="Anton.jpg" width="180" height="135" id="img1" />
           
            <!-- #EndEditable --></div>
Avatar billede w13 Novice
18. november 2007 - 22:25 #3
Men skal billederne bare skifte, eller forventer du at de skifter med en effekt såsom fade? Sidstnævnte bli'r nemlig en større affære at kode crossbrowser.
Avatar billede w13 Novice
18. november 2007 - 22:26 #4
Og som Soerenlyn siger: Hvor hurtigt skal den skifte?
Du gi'r os godt nok ikke meget konkret at arbejde med. =)
Avatar billede sleeper Nybegynder
19. november 2007 - 06:52 #5
Hej

Beklager de manglende info, mit ønske er at blot at finde en måde at lave et automatisk skiftende billedalbum, på f.eks 5 sek pr billed.
Hvis fade funktioen er for kompliceret at indbygge i denne kode, kan den sagtens undværes
Avatar billede roenving Novice
19. november 2007 - 09:19 #6
Måske som vist i denne tråd: http://www.eksperten.dk/spm/478961 ?-)
Avatar billede w13 Novice
19. november 2007 - 14:59 #7
Prøv med:
--------------------------------------
<script type="text/javascript">
var speed=2000;
var arrImg=new Array("/images/billede1.jpg","/andet/t1.bmp","/images/billede2.jpg");
function Slideshow(i){
    document.getElementById("img1").setAttribute("src",arrImg[i]);
    setTimeout("ShowImg("+i+")",speed);
}
window.onload=function(){window.setTimeout("Slideshow(0)",speed)}
</script>
Avatar billede w13 Novice
19. november 2007 - 15:02 #8
Hov, der mangler lige en linje:
-------------------------------
<script type="text/javascript">
var speed=2000;
var arrImg=new Array("/images/billede1.jpg","/andet/t1.bmp","/images/billede2.jpg");
function Slideshow(i){
    document.getElementById("img1").setAttribute("src",arrImg[i]);
    if(i++==arrImg.length)i=0;
    setTimeout("ShowImg("+i+")",speed);
}
window.onload=function(){window.setTimeout("Slideshow(0)",speed)}
</script>
Avatar billede sleeper Nybegynder
20. november 2007 - 14:08 #9
Hej

Jeg kan ikke få det til at virke, det har noget at gøre med de css koder der ligger bag, men jeg kan ikke finde fejlen

Her er den komplete kode for min side, den kan evt. ses på www.voga.dk/Anton/test.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<script type="text/javascript">
var speed=2000;
var arrImg=new Array("Anton.jpg","Anton1.jpg");
function Slideshow(i){
    document.getElementById("img1").setAttribute("src",arrImg[i]);
    if(i++==arrImg.length)i=0;
    setTimeout("ShowImg("+i+")",speed);
}
window.onload=function(){window.setTimeout("Slideshow(0)",speed)}
</script>
<!-- #BeginTemplate "../master.dwt" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- #BeginEditable "doctitle" -->
<title>Anton</title>
<!-- #EndEditable -->
<link rel="stylesheet" title="CSS" type="text/css" href="../styles/style1.css" media="screen" />
</head>

<body>

<!-- Begin Container -->
<div id="container">
    <!-- Begin Masthead -->
    <div id="masthead">
        <img src="../images/logo.gif" alt="Your Company Logo Here" height="66" width="150" /><p>
        &nbsp;</p>
    </div>
    <!-- End Masthead -->
    <!-- Begin Navigation -->
    <div id="navigation">
        <ul>
            <li><a href="../index.html">Home</a></li>
            <li><a href="../about/about.htm">About</a></li>
            <li><a href="../news/news.htm">News</a></li>
            <li><a href="../calendar/calendar.htm">Calendar</a></li>
            <li><a href="mailto:info@voga.dk">Contact</a></li>
            <li><a href="../Anton/Anton.htm">Anton</a></li>
            <li><a href="../Minus/Minus.htm">Minus</a></li>
            <li><a href="../Kiwi/Kiwi.htm">kiwi</a></li>
        </ul>
    </div>
    <!-- End Navigation -->
    <!-- Begin Page Content -->
    <div id="page_content">
        <!-- Begin Left Column -->
        <div id="column_l">
            <!-- #BeginEditable "content" -->
            <h2><span class="style1">Anton</span></h2>
            <p> Anton er vores dejlige hund. Han er født den 12. maj 2007, og vi
            hentede ham 1. juli 2007. Han er en blanding mellem labrador,
            hønsehund og måske dalmatiner, men vi er ikke sikre. På gården, hvor
            vi købte ham, havde de nemlig aldrig set faren til hvalpene.</p>
            <p> Anton er en kærlig hund, som elsker selskab - særligt vores
            familie. Han holder meget af andre hunde og vores to katte, Minus og
            Kiwi AKA Tukka og Putte. </p>
            <p> Der må være noget jagthund i Anton, for fuglene skal bare jages
            laaaangt væk. Når vi er ude at gå, er der ingen fugle inden for en
            radius af 2 kilometer.</p>
            <p> Anton elsker at ligge sammen med sin far (Alex) og give ham våde
            kysser. Der er næsten ikke noget bedre. Han holder også utroligt
            meget af at gå tur og at lege med pind eller frisbee.</p>
            <p> Antons bedste ven hedder Bobby. Bobby er Vickys mors hund. Bobby
            er en blanding af corky, lhasa apso og foxterrier. Han er også en
            fantastisk dejlig hund. Anton og ham leger gerne, til de nærmest
            falder om af udmattelse, men sådan er det jo, når man er hvalp. Det
            skal lige siges, at der er en måneds aldersforskel på Anton og
            Bobby, så der er gang i den, når de har en legedag sammen.</p>
            <p> Anton har også en lidt ældre ven, søde og dejlige Milo på 3 år.
            Milo er Alex&#39; søsters dværgpinscher. Milo er en meget kærlig og
            kontaktsøgende hund, som Anton elsker at have på besøg. Han bliver
            altid dejlig gasset, når han er sammen med sin lille ven, men det er
            jo også skønt med lidt selskab. Ingen tvivl om det.</p>
            <p> Anton får måske en lillebror eller lillesøster til sommer, hvor
            vi vil gå på udkig efter den næste hund i vores liv. </p>
                        <!-- #EndEditable --></div>
        <!-- End Left Column -->
        <!-- End Right Column --->
        <div id="column_r">
            <!-- #BeginEditable "sidebar" -->
            <img style="position:absolute; z-index:0; top:5px; left:10px" alt="" src="Anton.jpg" height="135" width="180" />
            <img style="position:absolute; z-index:0; top:5px; left:10px" alt="" src="Anton1.jpg" height="135" width="180" />
           
            <!-- #EndEditable --></div>
        <!-- End Right Column --></div>
    <!-- End Page Content -->
    <!-- Begin Footer -->
    <div id="footer">
        <p><a href="../index.html">Home</a> |
        <a href="../about/about.htm">About</a> |
        <a href="../calendar/calendar.htm">Calendar</a> |
        <a href="mailto:info@voga.dk">Contact</a> |
        <a href="../faq/faq.htm">FAQ</a> |
        <a href="../information_links/information_links.htm">Information Links</a>    |
        <a href="../news/news.htm">News</a> |
        <a href="../photo_gallery/photo_gallery.htm">Photo Gallery</a></p>
        <p><a href="mailto:webmaster@voga.dk"></a>"Copyright © 2007 voga.dk - By A.jæger. All Rights Reserved.</p>
    </div>
    <!-- End Footer --></div>
<!-- End Container -->

</body>

<!-- #EndTemplate -->

</html>
Avatar billede w13 Novice
20. november 2007 - 14:36 #10
1) Du må ikke skrive <script>-tag'et uden for <head>. Det skal lige puttes ind i <head>-sektionen.
2) Du har ikke noget billede med id="img1". Det billede, som har det id, bliver det billede, som bruges til slideshow.
3) Anton1.jpg findes ikke.

Det har ikke noget med CSS at gøre.
Avatar billede w13 Novice
20. november 2007 - 14:41 #11
<script>-delen kan dog også lægges i <body>-sektionen.
Avatar billede sleeper Nybegynder
20. november 2007 - 15:22 #12
Hej w13

Jeg har nu sat <script>'et ind i <head> og ændret filnavnene, kontorleret at alle billeder(jgp) filerne kan vises i både IE7 og Firefox 3
men det fungere stadigvæk ikke
jeg har ændret sideplaceringen til http://www.voga.dk/Atest/Anton.htm

Du har i din oprindelige kode følgende linie

var arrImg=new Array("/images/billede1.jpg","/andet/t1.bmp","/images/billede2.jpg");

Hvad er meningen med "/andet/t1.bmp" er det bare en billedforklaring? denne er slettet i min kode og erstatet med et billed
Avatar billede w13 Novice
20. november 2007 - 18:53 #13
Ja, det var bare et eksempel på en billedsti.

Du mangler stadig at lægge id="Imga" på billedet. F.eks.:

<img id="Imga" style="position:absolute; z-index:0; top:5px; left:10px" alt="" src="Imga.jpg" height="135" width="180" />

Og i øvrigt har du stadig den oprindelige script-kode stående lige efter <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> og før <head>. Den skal lige slettes.
Avatar billede sleeper Nybegynder
20. november 2007 - 19:50 #14
Perfekt, nu virker det
Tak for hjælpen
Avatar billede sleeper Nybegynder
20. november 2007 - 20:54 #15
Der var jeg for hurtig.

Den melder fejl efter billed 2

Jeg har fundet en bedre kode, oprettet af jakoba http://www.eksperten.dk/spm/267664#rid2591019

Den fungere rigtig godt, men melder fejl på siden i IE7 den fungere perfekt i firefox 3

http://www.voga.dk/Atest/Anton.htm

Koden ser sådan ud, er der nogle der kan se fejlen?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<!-- #BeginTemplate "../master.dwt" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- #BeginEditable "doctitle" -->
<title>Anton</title>
<script language='javascript'>

var interval  = 3;      // tid imellem skift af billede (sekunder)
var maxNummer = 0011;  // ikke over 4 cifre.
var minNummer = 1;

// ******* nix pille herunder

function nesteBillede() {
    var temp = "0000" +Math.floor( minNummer +Math.random()*(1+maxNummer-minNummer) );
    return  "pic" +temp.substring( temp.length-4 ) +".jpg";
}; //end nestebillede() -> string

var preImg = new Image();
var timeHandle = null;
var debtal = 0;              // debugtæller (kan fjernes med andre debuglinier)

function checkDone() {
    if ( preImg.complete ) {  // næste billede er klar.
        document.images.swapimage.src = preImg.src;
        preImg.src = nesteBillede()  // start en ny load
        timeHandle = setTimeout( "checkDone()", interval*1000 );
            // linien nedenfor er overflødig. kun for at debugge.
        document.debugform.debugflt.value = debtal++;
    } else {
            // extra vent indtil billedet er i cashen
        timeHandle = setTimeout( "checkDone", 100 );
    }
}; //end checkDone()

function startLoad() {
    preImg.src = nesteBillede()  // start en ny load
    timeHandle = setTimeout( "checkDone()", interval*1000 );
}; //end startLoad()

</script>
<!-- #EndEditable -->
<link rel="stylesheet" title="CSS" type="text/css" href="../styles/style1.css" media="screen" />
</head>

<body onload="startLoad();">

<!-- Begin Container -->
<div id="container">
    <!-- Begin Masthead -->
    <div id="masthead">
        <img src="../images/logo.gif" alt="Your Company Logo Here" height="66" width="150" /><p>
        &nbsp;</p>
    </div>
    <!-- End Masthead -->
    <!-- Begin Navigation -->
    <div id="navigation">
        <ul>
            <li><a href="../index.html">Home</a></li>
            <li><a href="../about/about.htm">About</a></li>
            <li><a href="../news/news.htm">News</a></li>
            <li><a href="../calendar/calendar.htm">Calendar</a></li>
            <li><a href="mailto:info@voga.dk">Contact</a></li>
            <li><a href="../Anton/Anton.htm">Anton</a></li>
            <li><a href="../Minus/Minus.htm">Minus</a></li>
            <li><a href="../Kiwi/Kiwi.htm">kiwi</a></li>
        </ul>
    </div>
    <!-- End Navigation -->
    <!-- Begin Page Content -->
    <div id="page_content">
        <!-- Begin Left Column -->
        <div id="column_l">
            <!-- #BeginEditable "content" -->
            <h2><span class="style1">Anton</span></h2>
            <p> Anton er vores dejlige hund. Han er født den 12. maj 2007, og vi
            hentede ham 1. juli 2007. Han er en blanding mellem labrador,
            hønsehund og måske dalmatiner, men vi er ikke sikre. På gården, hvor
            vi købte ham, havde de nemlig aldrig set faren til hvalpene.</p>
            <p> Anton er en kærlig hund, som elsker selskab - særligt vores
            familie. Han holder meget af andre hunde og vores to katte, Minus og
            Kiwi AKA Tukka og Putte. </p>
            <p> Der må være noget jagthund i Anton, for fuglene skal bare jages
            laaaangt væk. Når vi er ude at gå, er der ingen fugle inden for en
            radius af 2 kilometer.</p>
            <p> Anton elsker at ligge sammen med sin far (Alex) og give ham våde
            kysser. Der er næsten ikke noget bedre. Han holder også utroligt
            meget af at gå tur og at lege med pind eller frisbee.</p>
            <p> Antons bedste ven hedder Bobby. Bobby er Vickys mors hund. Bobby
            er en blanding af corky, lhasa apso og foxterrier. Han er også en
            fantastisk dejlig hund. Anton og ham leger gerne, til de nærmest
            falder om af udmattelse, men sådan er det jo, når man er hvalp. Det
            skal lige siges, at der er en måneds aldersforskel på Anton og
            Bobby, så der er gang i den, når de har en legedag sammen.</p>
            <p> Anton har også en lidt ældre ven, søde og dejlige Milo på 3 år.
            Milo er Alex&#39; søsters dværgpinscher. Milo er en meget kærlig og
            kontaktsøgende hund, som Anton elsker at have på besøg. Han bliver
            altid dejlig gasset, når han er sammen med sin lille ven, men det er
            jo også skønt med lidt selskab. Ingen tvivl om det.</p>
            <p> Anton får måske en lillebror eller lillesøster til sommer, hvor
            vi vil gå på udkig efter den næste hund i vores liv. </p>
                        <!-- #EndEditable --></div>
        <!-- End Left Column -->
        <!-- End Right Column --->
        <div id="column_r">
            <!-- #BeginEditable "sidebar" -->
    <img src="pic0001.jpg" width=200 height=150 name="swapimage" />

            <!-- #EndEditable --></div>
        <!-- End Right Column --></div>
    <!-- End Page Content -->
    <!-- Begin Footer -->
    <div id="footer">
        <p><a href="../index.html">Home</a> |
        <a href="../about/about.htm">About</a> |
        <a href="../calendar/calendar.htm">Calendar</a> |
        <a href="mailto:info@voga.dk">Contact</a> |
        <a href="../faq/faq.htm">FAQ</a> |
        <a href="../information_links/information_links.htm">Information Links</a>    |
        <a href="../news/news.htm">News</a> |
        <a href="../photo_gallery/photo_gallery.htm">Photo Gallery</a></p>
        <p><a href="mailto:webmaster@voga.dk"></a>"Copyright © 2007 voga.dk - By A.jæger. All Rights Reserved.</p>
    </div>
    <!-- End Footer --></div>
<!-- End Container -->

</body>

<!-- #EndTemplate -->

</html>
Avatar billede w13 Novice
20. november 2007 - 21:47 #16
Det kræver ret meget at sætte sig ind i en ny kode ved hvert spørgsmål. =) Jeg ved ikke, hvordan Jakoba's kode fungerer. I øvrigt er den jo 4-5 gange så lang som min.

Men når jeg går ind på anton.htm, kan jeg se, at du der stadig bruger min kode.
Den melder stadig fejl af 2 grunde:
1) Du har stadig ikke fjernet følgende lige efter HTML:
------------------------
<script type="text/javascript">
var speed=2000;
var arrImg=new Array("Anton.jpg","Anton1.jpg");
function Slideshow(i){
    document.getElementById("img1").setAttribute("src",arrImg[i]);
    if(i++==arrImg.length)i=0;
    setTimeout("ShowImg("+i+")",speed);
}
window.onload=function(){window.setTimeout("Slideshow(0)",speed)}
</script>
------------------------
Du har det stående 2 gange - det skal kun blive stående i HEAD-sektionen.

2) Du har stadigvæk ikke sat id="img1" på billedet. Det skal blive:
<img id="img1" style="position:absolute; z-index:0; top:5px; left:10px" alt="" src="Img.jpg" height="135" width="180" />

Lige nu har du bare rettet mange forskellige steder, og det er derfor koden ikke virker. Følg de 2 trin, så ser vi på det. Koden virker helt fint og kører hurtigt, når den bare ikke går igen 2 gange i forskellige variationer, og når du har sat id'et på billedet.
Avatar billede sleeper Nybegynder
21. november 2007 - 08:38 #17
Hej

Det er en gammel kodning du kigger på ovenover, tjek www.voga.dk/Atest/Antonny.htm
Jeg sidder blot og tester forskellige kodninger for at finde en mening med dem.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">

<!-- #BeginTemplate "../master.dwt" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- #BeginEditable "doctitle" -->
<title>Anton</title>
<script type="text/javascript">
var speed=2000;
var arrImg=new Array("pic0001.jpg","pic0002.jpg","pic0003.jpg");
function Slideshow(i){
    document.getElementById("Img1").setAttribute("src",arrImg[i]);
    if(i++==arrImg.length)i=0;
    setTimeout("ShowImg("+i+")",speed);
}
window.onload=function(){window.setTimeout("Slideshow(0)",speed)}
</script>
<!-- #EndEditable -->
<link rel="stylesheet" title="CSS" type="text/css" href="../styles/style1.css" media="screen" />
</head>

<body>

<!-- Begin Container -->
<div id="container">
    <!-- Begin Masthead -->
    <div id="masthead">
        <img src="../images/logo.gif" alt="Your Company Logo Here" height="66" width="150" /><p>
        &nbsp;</p>
    </div>
    <!-- End Masthead -->
    <!-- Begin Navigation -->
    <div id="navigation">
        <ul>
            <li><a href="../index.html">Home</a></li>
            <li><a href="../about/about.htm">About</a></li>
            <li><a href="../news/news.htm">News</a></li>
            <li><a href="../calendar/calendar.htm">Calendar</a></li>
            <li><a href="mailto:info@voga.dk">Contact</a></li>
            <li><a href="../Anton/Anton.htm">Anton</a></li>
            <li><a href="../Minus/Minus.htm">Minus</a></li>
            <li><a href="../Kiwi/Kiwi.htm">kiwi</a></li>
        </ul>
    </div>
    <!-- End Navigation -->
    <!-- Begin Page Content -->
    <div id="page_content">
        <!-- Begin Left Column -->
        <div id="column_l">
            <!-- #BeginEditable "content" -->
        <br/><br/>
        <br/><br/>
        <br/><br/>
        <br/><br/>
        <br/><br/>
       
                        <!-- #EndEditable --></div>
        <!-- End Left Column -->
        <!-- End Right Column --->
        <div id="column_r">
            <!-- #BeginEditable "sidebar" -->
           
            <img id="Img1" style="position:absolute; z-index:0; top:5px; left:13px" alt="" src="pic0001.jpg" height="135" width="181" />
           
            <!-- #EndEditable --></div>
        <!-- End Right Column --></div>
    <!-- End Page Content -->
    <!-- Begin Footer -->
    <div id="footer">
        <p><a href="../index.html">Home</a> |
        <a href="../about/about.htm">About</a> |
        <a href="../calendar/calendar.htm">Calendar</a> |
        <a href="mailto:info@voga.dk">Contact</a> |
        <a href="../faq/faq.htm">FAQ</a> |
        <a href="../information_links/information_links.htm">Information Links</a>    |
        <a href="../news/news.htm">News</a> |
        <a href="../photo_gallery/photo_gallery.htm">Photo Gallery</a></p>
        <p><a href="mailto:webmaster@voga.dk"></a>"Copyright © 2007 voga.dk - By A.jæger. All Rights Reserved.</p>
    </div>
    <!-- End Footer --></div>
<!-- End Container -->

</body>

<!-- #EndTemplate -->

</html>
Avatar billede w13 Novice
21. november 2007 - 14:00 #18
Ahr, en dum fejl. Koden virker sådan her:
-----------------------------------------
<script type="text/javascript">
var speed=2000;
var arrImg=new Array("pic0001.jpg","pic0002.jpg","pic0003.jpg");
function Slideshow(i){
    document.getElementById("Img1").setAttribute("src",arrImg[i]);
    if(i++==arrImg.length)i=0;
    window.setTimeout("Slideshow("+i+")",speed);
}
window.onload=function(){window.setTimeout("Slideshow(0)",speed)}
</script>
-----------------------------------------
Jeg prøvede at køre funktionen "ShowImg", men den hedder jo Slideshow :P
Avatar billede sleeper Nybegynder
21. november 2007 - 19:59 #19
Hej w13

Nu ser det ud til at det fungere, Næsten
Imellem overgangen fra det sidste billede i
var arrImg=new Array("pic0001.jpg","pic0002.jpg","pic0003.jpg");
og det første i næste omgang, kommer der en fejl.

Ellers fungere det perfekt.
Avatar billede w13 Novice
21. november 2007 - 20:07 #20
Dejligt!

Tror blot, du skal ændre:

    if(i++==arrImg.length)i=0;

til:

    if(i++==arrImg.length-1)i=0;
Avatar billede w13 Novice
21. november 2007 - 20:08 #21
I øvrigt bør du sætte billedets sti til at være det sidste billede der vises. Det første billede vises nemlig lige nu 2 gange.
Avatar billede sleeper Nybegynder
21. november 2007 - 20:54 #22
Hej w13

Nu virker det. mange tak for hjælpen
Avatar billede w13 Novice
21. november 2007 - 22:18 #23
Det var så lidt. =)
Her er et svar!
Avatar billede w13 Novice
22. november 2007 - 12:07 #24
Tak for point!
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