CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

tirra Nybegynder

18. november 2003 - 03:02 Der er 5 kommentarer og
1 løsning

Rotere billeder

Jeg har nogen billeder med samme dimention, som jeg vil ha vist som en "dias-serie".
Er det muligt at undgå at de alle skal "indlæses" inden siden blir vist ? Ellers må man vel begrænse sig til nogen enkelte billeder :)

Synes godt om

roenving Novice

18. november 2003 - 03:43 #1

Hvis ikke du gør noget specielt, vil de blive indlæst efterhånden som der er brug for dem ?-)

Synes godt om

tirra Nybegynder

18. november 2003 - 06:34 #2

roenving > tanken var at få lavet diasserien så den kan starte "automatisk" når man kommer ind på siden. Kender du noget til den slags, måske "konkret kode" :)

Synes godt om

roenving Novice

18. november 2003 - 11:42 #3

Ulempen ved slet ikke at indlæse dem før serien starter er, at visningen bliver meget afhængig af forbindelsens kvalitet på det tidspunkt hvor det næste billede skal vises, men den måde f.eks. ie6 gør det på kræver forbindelse til serveren hver gang et billede vises, så forskellen kan være svær at få øje på ...

Men en kode kunne være sådan, som udgangspunktet i
http://www.eksperten.dk/spm/364870

Synes godt om

roenving Novice

18. november 2003 - 12:30 #4

Med min modifikation i ovennævnte spørgsmål bliver det som auto:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Slideshow</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving;http://www.eksperten.dk/spm/364870">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
// Slideshow v1.0
// http://www.dithered.com/javascript/slideshow/index.html
// code by Chris Nott (chris@NOSPAMdithered.com - remove NOSPAM)
/* Modified 2003 by roenving
to support multiple slides pr. page
*/
var slideshowImageDirectory = '';
var slideshowImageFiles = new Array('bjergtoppe.jpg','solnedgang.jpg','vinter.jpg','åkander.jpg');
var numSlidesPerPage = 3;

var slideshowSlides = new Array();
var slideshowCurrent = 0;

// Preload slideshow images
function slideshowInit() {
if (document.images) {
for (var i = 0; i < slideshowImageFiles.length; i++) {
slideshowSlides[i] = new Image();
slideshowSlides[i].src = slideshowImageDirectory + slideshowImageFiles[i];
}
}
}

function prevPage(){
for (i=0;i<numSlidesPerPage;i++){
bilde = document.images[i];
slideshowBackward(bilde);
}
}

function nextPage(){
for (i=0;i<numSlidesPerPage;i++){
bilde = document.images[i];
slideshowForward(bilde);
}
}

// Show next slide
function slideshowForward(bilde) {
if (document.images && typeof slideshowSlides != 'undefined') {
slideshowCurrent++;
if (slideshowCurrent >= slideshowSlides.length) slideshowCurrent = 0;
bilde.src = slideshowSlides[slideshowCurrent].src;
}
}

// Show previous slide
function slideshowBackward(bilde) {
if (document.images && typeof slideshowSlides != 'undefined') {
slideshowCurrent--;
if (slideshowCurrent < 0) slideshowCurrent = slideshowSlides.length - 1;
bilde.src = slideshowSlides[slideshowCurrent].src;
}
}
</script>
</head>
<body onload="slideshowInit();setInterval('nextPage()',1000)">
<br>
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr align="center" valign="top">
<td><img height="150" src="bjergtoppe.jpg"></td>
</tr>
<tr>
<td height="25"> </td>
</tr>

<tr align="center" valign="top">
<td><img height="150" src="solnedgang.jpg"></td>
</tr>
<tr>
<td height="25"> </td>
</tr>

<tr align="center" valign="top">
<td><img height="150" src="vinter.jpg"></td>
</tr>
</table>
</body>
</html>

Synes godt om

tirra Nybegynder

18. november 2003 - 16:24 #5

roenving > OK
poeng=svar?

Synes godt om

roenving Novice

18. november 2003 - 16:33 #6

Velbekomme '-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS