\"Slideshow\"

Jeg vil anbefale dig at søge på dette link:

http://www.viewsource.dk/

Der har jeg fundet flere af den slags du søger

måske :

www.script.dk
www.netcoders.dk


- Zhatten

Jeg kender godt begge sider men kan ikke søge så jeg finder det jeg skal bruge derfor spørgsmålet

Her er et jeg har fundet et eller andet sted en gang.....

<html>

<head>
<title>Slideshow med effekt</title>
<meta NAME=\"keywords\"
CONTENT=\"image, animation, transition, DHTML, JavaScript, filter, Internet Explorer, free, CSS, ticker, text, applet, gif, download, sample, script, resources, banner\">
<meta NAME=\"description\"
CONTENT=\"DHTML and CSS transition effect animation made for image dia shows, banners and text tickers. Download it for free! The script is based on Internet Explorer\'s filter methods. A impressive way to attract more visitors with less use of bandwidth. Netscape Navigator users will see the change of images without transition effect.\">
<script LANGUAGE=\"JavaScript1.1\">
<!-- Beginning of JavaScript -

bild1 = new Image()
bild1.src = \"image/pic1.jpg\"

bild2 = new Image()
bild2.src = \"image/pic2.jpg\"

bild3 = new Image()
bild3.src = \"image/pic3.jpg\"

bild4 = new Image()
bild4.src = \"image/pic4.jpg\"


bild5 = new Image()
bild5.src = \"image/pic5.jpg\"

bild6 = new Image()
bild6.src = \"image/pic6.jpg\"

messages = new Array()
messages[0] = \"<img src=image/pic1.jpg>\"
messages[1] = \"<img src=image/pic2.jpg>\"
messages[2] = \"<img src=image/pic3.jpg>\"
messages[3] = \"<img src=image/pic4.jpg>\"
messages[4] = \"<img src=image/pic5.jpg>\"
messages[5] = \"<img src=image/pic6.jpg>\"

var i_messages = 1
var timer

function dotransition() {
    if (document.all) {
        content.filters[0].apply()
        content.innerHTML = messages[i_messages]
        content.filters[0].play()
        if (i_messages >= messages.length-1) {
            i_messages = 0
        }
        else {
            i_messages++
        }
    }
   
    if (document.layers) {
      document.nn.document.write(\"<table cellspacing=2 cellpadding=2 border=0><tr><td align=left>\"+messages[i_messages]+\"</td></tr></table>\")
        document.close()
        if (i_messages >= messages.length-1) {
            i_messages = 0
        }
        else {
            i_messages++
        }
    }
    timer = setTimeout(\"dotransition()\",5000) 
}
// - End of JavaScript - -->
</script>
</head>

<body BGCOLOR=\"#FFFFFF\" onload=\"dotransition()\" text=\"#000080\" link=\"#000080\"
vlink=\"#000080\" alink=\"#000080\">
<script language=\"JavaScript1.2\">


if (document.all)
document.body.style.cssText=\"background:#FBFFFF url(image/logo-trans.gif) no-repeat fixed center center\"
</script>


<p><font face=\"Arial\" size=\"3\"><strong>AOFHorsens.dk HTML / DHTML - Slideshow med effekt</strong></font></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><font face=\"Arial\" size=\"2\"><strong><a href=\"HTMLpics.htm\" target=\"_self\">&lt;- Tilbage</a>
| <a target=\"_blank\" href=\"codes/kodeshow2.zip\">Hent kode</a></strong></font></p>
<div id=\"content\"
style=\"position: absolute; top:60px; left:20px; width:560px; height:200px; text-align:center; filter: revealTrans(Transition=12, Duration=3)\"></div><div
id=\"nn\" style=\"position:absolute;top:10px;left:170px\"></div>
</body>
</html>

Undskyld glem det - læste spm fom fanden læser en vis bog....

jeg har en her som er med et link, dette kan dog udelades..

i head sektionen i din html sætter du dette ind:

<!-- bannerscript start -->
<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Hide this script from old browsers --
var imagenumber = 6 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images2 = new Array
images2[1] = \"billeder/billede.gif\"
images2[2] = \"billeder/billede.gif\"
images2[3] = \"billeder/billede.gif\"
images2[4] = \"billeder/billede.gif\"
images2[5] = \"billeder/billede.gif\"
images2[6] = \"billeder/billede.gif\"

var image2 = images2[rand1]

links = new Array
links[1] = \"www.tnp.dk\"
links[2] = \"www.tnp.dk\"
links[3] = \"www.tnp.dk\"
links[4] = \"www.tnp.dk\"
links[5] = \"www.tnp.dk\"
links[6] = \"www.tnp.dk\"


var link = links[rand1]
// -- End Hiding Here -->
</script>
<!-- bannerscript slut -->

og følgenede ind i body der hvor billedet skal vises

<!-- bannerreklame start -->
  <center><script language=\"JavaScript\">
  <!-- Hide this script from old browsers --
  document.write(\'<A HREF=\"\' + link + \'\" Target=\"_blank\"><IMG SRC=\"\' + image2 + \'\" border=\"0\"></A></a>\')
  // -- End Hiding Here -->
  </script></center>
<!-- bannerreklame slut -->

Til Thøger Pørtner

Det virker ikke rigtigt Jeg har vedlagt koden hvor i det skal være gider du kigge på det.

Tak


<HTML>
<HEAD>
<TITLE>www.parve.net</TITLE>
<!-- bannerscript start -->
<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Hide this script from old browsers --
var imagenumber = 6 ;
var randomnumber = Math.random() ;
var rand1 =
Math.round( (imagenumber-1) * randomnumber) + 1 ;
images2 = new Array
images2[1] = \"grafik/billede1.gif\"
images2[2] = \"grafik/billede2.gif\"
images2[3] = \"grafik/billede3.gif\"
images2[4] = \"grafik/billede4.gif\"
images2[5] = \"grafik/billede5.gif\"
images2[6] = \"grafik/billede6.gif\"
var image2 = images2[rand1]
// -- End Hiding Here -->
<script>
<!-- bannerscript slut -->
</HEAD>

<BODY background=\"white\"  vlink=\"blue\">

<font face=\"Arial\">
<font color=\"#FF0000\" size=\"5\" face=\"Arial\">
<b><i><center>
Velkommen til PARVE.NET</i></b></center>
</font>
<p align=\"left\">
<br>
<br>





<!-- bannerreklame start -->
<center>
<script language=\"JavaScript\">
<!-- Hide this script from old browsers --
document.write(\'<A HREF=\"\' + link + \'\" Target=\"_blank\"><IMG SRC=\"\' + image2 + \'\" border=\"0\"></A></a>\')
// -- End Hiding Here -->
</script>
</center>
<BR>
<!-- bannerreklame slut -->





<br><br><br><br><br>
<font face=\"Arial\">
<p align=\"right\"><br>God fornøjelse med www.parve.net<br>
</font>

Hvad er der galt?

Det er faktisk slet ikke et slideshow du vil have men en \"random billede\"-vælger

som fx:

<script language=\"javascript\"> <!--

var pics = new Array( \"billed1Url.jpg\", \"billed2Url.jpg\", \"billed3Url.jpg, ...  );
var chosenPic = pics[ Math.floor(Math.random() *pics.length) ];

document.write( \"<img src=\'\" +chosenPic +\"\' width=nnn height=nnn alt=\'caption\'>\";

// --> </script>

Sæt det ind hvor du vil have billedet.

PS: hvis billederne ikke har samme størrelse er det nok bedst at droppe width= og height= parametren i <IMG kommandoen.

mvh JakobA