Avatar billede gloster Nybegynder
15. juli 2006 - 22:48 Der er 17 kommentarer og
1 løsning

slide show

hej jeg har fundet det her script, men ved ikke hvor jeg skal ligge billederne. nogen der kan hjælpe mig?



<html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">


<head>

<meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">




  <title></title>

  <style type="TEXT/CSS">


BODY{FONT-FAMILY: courier new,courier,monospace;
    FONT-SIZE:60PX;
    BACKGROUND-COLOR:white;
    TEXT-ALIGN:left;
    color:green;

    }
 



BODY{  scrollbar-face-color: white;
        scrollbar-highlight-color: #669933;
        scrollbar-shadow-color: #669933;
        scrollbar-3dlight-color: white;
        scrollbar-arrow-color: #669933;
        scrollbar-track-color: white;
        scrollbar-darkshadow-color: #669933;
        overflow:auto }




A:LINK, A:VISITED, A:ACTIVE{COLOR: black; TEXT-DECORATION: none;}
A:HOVER {COLOR:#669933}



a.moar:link, a.moar:visited, a.moar:active {color: #dddddd;
text-decoration:none;}
a.moar:hover {color: #669933;}


a.badu:link, a.badu:visited, a.badu:active {color: #669933;
text-decoration:none;}
a.badu:hover {color: white;}



h2
{font-family:courier new,courier,monospace;
font-size:16PX;
text-decoration:none;
color:black;
font-weight:normal;
font-style: italic;
text-align:left;
}



h1
{FONT-FAMILY:courier new,courier,monospace;
FONT-SIZE:16PX;
TEXT-DECORATION:none;
COLOR:green;
FONT-weight:normal;
TEXT-ALIGN:left;
text-indent:px;"
}


   
    background-color :;




}




<script language="JavaScript">

//Preloaded slideshow script- By Jason Moon
//For this script and more
//Visit http://www.dynamicdrive.com

// PUT THE URL'S OF YOUR IMAGES INTO THIS ARRAY...
var Slides = new Array('image1.gif');

// DO NOT EDIT BELOW THIS LINE!
function CacheImage(ImageSource) { // TURNS THE STRING INTO AN IMAGE OBJECT
  var ImageObject = new Image();
  ImageObject.src = ImageSource;
  return ImageObject;
}

function ShowSlide(Direction) {
  if (SlideReady) {
      NextSlide = CurrentSlide + Direction;
      // THIS WILL DISABLE THE BUTTONS (IE-ONLY)
      document.SlideShow.Previous.disabled = (NextSlide == 0);
      document.SlideShow.Next.disabled = (NextSlide ==
(Slides.length-1));   
if ((NextSlide >= 0) && (NextSlide < Slides.length)) {
            document.images['Screen'].src = Slides[NextSlide].src;
            CurrentSlide = NextSlide++;
            Message = 'Picture ' + (CurrentSlide+1) + ' of ' +
Slides.length;
            self.defaultStatus = Message;
            if (Direction == 1) CacheNextSlide();
      }
      return true;
  }
}

function Download() {
  if (Slides[NextSlide].complete) {
      SlideReady = true;
      self.defaultStatus = Message;
  }
  else setTimeout("Download()", 100); // CHECKS DOWNLOAD STATUS EVERY 100 MS
  return true;
}

function CacheNextSlide() {
  if ((NextSlide < Slides.length) && (typeof Slides[NextSlide] ==
'string'))
{ // ONLY CACHES THE IMAGES ONCE
      SlideReady = false;
      self.defaultStatus = 'Downloading next picture...';
      Slides[NextSlide] = CacheImage(Slides[NextSlide]);
      Download();
  }
  return true;
}

function StartSlideShow() {
  CurrentSlide = -1;
  Slides[0] = CacheImage(Slides[0]);
  SlideReady = true;
  ShowSlide(1);
}
</script>




</style>




</head>

<body onload="scrolltekst(100)">

<body> 
<body background= "">



<center>
<table BORDER="0" width="100%" height="80%">

<colgroup span="1"
>

<col span="1"align="left" valign="top">
</colgroup>

<colgroup span="2">

<col span="2"align="left" valign="top">
</colgroup>


  <tr>
    <td
colspan="2" bgcolor="" width="100%" height="10%">


<H1
>
</h1></td>
  </tr>



  <tr>


    <td color=""
bgcolor="">

<blockquote><blockquote>
<br>

</blockquote>
</div>

<br>
<br>



<br>




</td
<font size="6" face="couier new" color="green">




    <td>


<form name="SlideShow">
<table>
<tr>
  <td colspan=2><img name="Screen" width=108 height=135></td>
</tr>
<tr>
  <td><input type="button" name="Previous"
value=" << "
onClick="ShowSlide(-1)"></td>
  <td align="right"><input type="button" name="Next"
value=" >> " onClick="ShowSlide(1)"></td>
</table>
</form>






</td>
  </tr>
</table>

 

</center>

</table>


<a href="http://www.linesandvadmengers.dk/"><img src="pil.GIF"width="67" height="44"align="texttop"alt="line Sandvad Mengers" border="0"></a>




<center>


<font size="1" face="arial" color="#dddddd">

<small><small>made by <A href="MAILTO:bullpetersen@mail.dk"class="moar">LIVALINE</a>            &#153;
</small></small>
</font>
</body>


</center>



</BODY>



</HTML>
Avatar billede madshammer Nybegynder
15. juli 2006 - 23:06 #1
"// PUT THE URL'S OF YOUR IMAGES INTO THIS ARRAY...
var Slides = new Array('image1.gif');"

Prøv dér.
Avatar billede gloster Nybegynder
16. juli 2006 - 09:48 #2
hmmmm. det funker ikke rigtigt.
Avatar billede milandt Nybegynder
16. juli 2006 - 10:42 #3
det betyder at 'image1.gif' skal ligge samme sted som din html fil.
Avatar billede madshammer Nybegynder
16. juli 2006 - 11:19 #4
Ja, ellers ændre du det jo bare til var Slides = new Array('img/image1.gif'); hvis man nu går ud fra at dine billeder ligger i bibliotek med navnet img på roden. Hvordan putter du flere billeder ind?
Avatar billede gloster Nybegynder
16. juli 2006 - 14:21 #5
Åhhh altså er det sådan noget med url?
jeg ved ikke hvad du mener med roden. Altså i øjeblikket ligger billeder på alt andet i samme mappe under navnet web. jeg skal tilføje en 20 billeder.
men først skal jeg bare have skidtet til at virke.

et eksempel på hvad jeg har forsøgt

// PUT THE URL'S OF YOUR IMAGES INTO THIS ARRAY...
var Slides = new Array('glas.gif');

// PUT THE URL'S OF YOUR IMAGES INTO THIS ARRAY...
var Slides = new Array('http://www.boll.adr/glas.gif');


og det virker bare ikke!!!!
Avatar billede milandt Nybegynder
16. juli 2006 - 15:18 #6
jeg kan heller ikke se noget billede på http://www.boll.adr/glas.gif
Avatar billede gloster Nybegynder
16. juli 2006 - 16:17 #7
jeg har heller ikke lagt det ud endnu.
Avatar billede madshammer Nybegynder
16. juli 2006 - 16:36 #8
adresse = tekst i ('  ')
http://www.boll.adr/glas.gif = glas.gif (glas.gif ligger i dette tilfælde på roden)
http://www.boll.adr/billeder/glas.gif = billeder/glas.gif (glas.gif ligger i dette tilfælde i en undermappe (billeder))

Det er lettest at tjekke om det virker, hvis du uploader det hele, og så tester dér fra.
Avatar billede gloster Nybegynder
16. juli 2006 - 21:51 #9
Jeg forstår det virkelig ikke.
Hvis jeg nu ligger mig ned på knæ. kunne en af jer så måske lave den til mig, med et par fiktive jpg billeder så jeg kan se hvordan i gør
jeg fandt slid showet  her http://www.dynamicdrive.com/dynamicindex14/preloadslide.htm
Avatar billede madshammer Nybegynder
16. juli 2006 - 22:32 #10
Gem billederne i en mappe der hedder "billeder", vi leget de hedder billede1.jpg, billede2.jpg osv.

Jeg er ikke nogen ekspert, men jeg mener at det er således:

var Slides = new Array('billeder/billede1.jpg', 'billeder/billede2.jpg', 'billeder/billede3.jpg');

Hvis det ikke virker, så prøv uden komma.
Avatar billede gloster Nybegynder
17. juli 2006 - 09:28 #11
Virker det hos dig?
Avatar billede madshammer Nybegynder
17. juli 2006 - 20:54 #12
Jeg har først prøvet nu, og nej, jeg kan overhovedet ikke få det til at virke... Desværre... Jeg prøver videre lidt senere, men indtil videre må vi håbe der kommer andre forbi, og kan hjælpe.
Avatar billede madshammer Nybegynder
17. juli 2006 - 22:03 #13
Jeg fik det til at virke. Jeg har gemt det hele i en .zip-fil på http://eksperten.frac.dk/jeps.zip , frac.dk er godt nok nede, men jeg kan godt sende det til dig, hvis du har en e-mail adresse.
Avatar billede gloster Nybegynder
20. juli 2006 - 12:48 #14
kan du ikke copy koden og ligge den herind?
Avatar billede madshammer Nybegynder
21. juli 2006 - 06:23 #15
Billederne ligger i samme mappe som .html-filen
Husk at rette størrelsen til i række 11, nede fra.

<html>
<head>

<script language="JavaScript">

//Preloaded slideshow script- By Jason Moon (jasonmoon@usa.net)
//For this script and more
//Visit http://www.dynamicdrive.com

// PUT THE URL'S OF YOUR IMAGES INTO THIS ARRAY...
var Slides = new Array('wound.jpg','woundbw.jpg','hej.gif','hej2.gif');

// DO NOT EDIT BELOW THIS LINE!
function CacheImage(ImageSource) { // TURNS THE STRING INTO AN IMAGE OBJECT
var ImageObject = new Image();
ImageObject.src = ImageSource;
return ImageObject;
}

function ShowSlide(Direction) {
if (SlideReady) {
NextSlide = CurrentSlide + Direction;
// THIS WILL DISABLE THE BUTTONS (IE-ONLY)
document.SlideShow.Previous.disabled = (NextSlide == 0);
document.SlideShow.Next.disabled = (NextSlide ==
(Slides.length-1));
if ((NextSlide >= 0) && (NextSlide < Slides.length)) {
document.images['Screen'].src = Slides[NextSlide].src;
CurrentSlide = NextSlide++;
Message = 'Picture ' + (CurrentSlide+1) + ' of ' +
Slides.length;
self.defaultStatus = Message;
if (Direction == 1) CacheNextSlide();
}
return true;
}
}

function Download() {
if (Slides[NextSlide].complete) {
SlideReady = true;
self.defaultStatus = Message;
}
else setTimeout("Download()", 100); // CHECKS DOWNLOAD STATUS EVERY 100 MS
return true;
}

function CacheNextSlide() {
if ((NextSlide < Slides.length) && (typeof Slides[NextSlide] ==
'string'))
{ // ONLY CACHES THE IMAGES ONCE
SlideReady = false;
self.defaultStatus = 'Downloading next picture...';
Slides[NextSlide] = CacheImage(Slides[NextSlide]);
Download();
}
return true;
}

function StartSlideShow() {
CurrentSlide = -1;
Slides[0] = CacheImage(Slides[0]);
SlideReady = true;
ShowSlide(1);
}
</script>

</head>

<body onLoad="StartSlideShow()">

<form name="SlideShow">
<table>
<tr>
<td colspan=2><img name="Screen" width=108 height=135></td>
</tr>
<tr>
<td><input type="button" name="Previous"
value=" << "
onClick="ShowSlide(-1)"></td>
<td align="right"><input type="button" name="Next"
value=" >> " onClick="ShowSlide(1)"></td>
</table>
</form></body>
</html>
Avatar billede gloster Nybegynder
21. juli 2006 - 18:50 #16
fantastisk du er knag.
hvad har du gjort?
Avatar billede madshammer Nybegynder
22. juli 2006 - 09:25 #17
Hvis jeg bare vidste det...

Jeg copy&pastede det hele, fra http://www.dynamicdrive.com/dynamicindex14/preloadslide_dev.htm , rettede til, og voila. Jeg tror du må have ændret et eller andet, der ikke skulle være ændret.
Avatar billede madshammer Nybegynder
22. juli 2006 - 09:29 #18
Jeg kan ikke rigtig finde "<body onLoad="StartSlideShow()">" i din kode, og den virker ret vigtig, så jeg tror måske det er et meget godt forslag på hvor det gik galt... Men jeg er ingen troldmand, og jeg kan ikke finde ud af JavaScripts, jeg brugte bare min 6. sans. ;) Så præcis hvor du gik forkert har jeg ingen anelse om.
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