Søg
Avatar billede ferdinand.k Mester
01. februar 2004 - 20:36 Der er 14 kommentarer og
1 løsning

script til billede rotering

Jeg har en side hvor jeg skal have en række billeder til at skifte efter nogle sekunder. Pt har jeg lavet det som en quicktime film, men dette er ikke helt optimalt, da ikke alle har quicktime installeret. Derfor kan dette også laves ved hjælp af et sript, men er der nogen der har et sådan!?

K
Avatar billede syvon Nybegynder
01. februar 2004 - 20:44 #1
der er et her

http://www.script.dk/sourcecode.jsp?category=14&resourceId=1128
Avatar billede doggy82 Praktikant
01. februar 2004 - 20:54 #2
<script type="text/javascript">
<!--
var pic="billede1.jpg"
var pic2="billede1.jpg"
var pic3="billede1.jpg"

var cur = Math.round(Math.random()*2)
if (cur<=0)
pic=pic1
else
if (cur<=1)
pic=pic2
else
pic=pic3

document.write('<img src="' + pic + '">')
//-->
</script>

burde fungere
Avatar billede doggy82 Praktikant
01. februar 2004 - 20:55 #3
sorry selvfølgelig:

var pic="billede1.jpg"
var pic2="billede2.jpg"
var pic3="billede3.jpg"
Avatar billede doggy82 Praktikant
01. februar 2004 - 21:01 #4
NEJ

var pic1="billede1.jpg"
var pic2="billede2.jpg"
var pic3="billede3.jpg"

- sådan
Avatar billede syvon Nybegynder
01. februar 2004 - 21:30 #5
eller denne

<html>
<head>
</head>
<body>
   
<div id="l" style="position:relative"></div>
       

</body>
<script language="JavaScript">
<!--
var imgArray = new Array();
var myCount=0;
// img Code Assignment
imgArray[0] = "<IMG SRC=\"http://83.88.188.211/exp/1.jpg\" border=\"0\">";
imgArray[1] = "<IMG SRC=\"http://83.88.188.211/exp/2.jpg\" border=\"0\">";
imgArray[2] = "<IMG SRC=\"http://83.88.188.211/exp/3.jpg\" border=\"0\">";
imgArray[3] = "<IMG SRC=\"http://83.88.188.211/exp/4.jpg\" border=\"0\">";
imgArray[4] = "<IMG SRC=\"http://83.88.188.211/exp/5.jpg\" border=\"0\">";

imgRotate();

function imgRotate() {

if(myCount > imgArray.length-1){myCount=0;}

// Write out rotation
    if (document.all){            // it is IE
        document.all.l.innerHTML=imgArray[myCount];
    }   
setTimeout("imgRotate()", 3000);
myCount++;
}
// -->
</script>
</html>

ses her
http://83.88.188.211/peder/data/skift_billed.htm
Avatar billede ferdinand.k Mester
01. februar 2004 - 23:00 #6
syvon -> og så laver jeg bare et tomt billede, og kalder det "imgRotate", oder was?!
Avatar billede syvon Nybegynder
01. februar 2004 - 23:07 #7
du skal gemme det under det navn du har lyst til

og så ændre på disse linier

imgArray[0] = "<IMG SRC=\"http://83.88.188.211/exp/1.jpg\" border=\"0\">";
imgArray[1] = "<IMG SRC=\"http://83.88.188.211/exp/2.jpg\" border=\"0\">";
imgArray[2] = "<IMG SRC=\"http://83.88.188.211/exp/3.jpg\" border=\"0\">";
imgArray[3] = "<IMG SRC=\"http://83.88.188.211/exp/4.jpg\" border=\"0\">";
imgArray[4] = "<IMG SRC=\"http://83.88.188.211/exp/5.jpg\" border=\"0\">";


hvor det er adressen der skal ændres til den korekte sti på dit billed.
Avatar billede ferdinand.k Mester
01. februar 2004 - 23:20 #8
jeg sætter et tomt billede ind uden nogen reference!? og så skal jeg vel kalde billedet noget, så scriptet ved hvor det skal udføres!?
Avatar billede roenving Novice
02. februar 2004 - 00:05 #9
>>syvon

-- det er vel ret avanceret, at man skal forlange af folk, at de skal have IE i en version 4+, når man kan lave det sådan at _alle_ browsere, som forstår javascript kan bruge det:

<html>
<head><title>Billed-rotation</title>
<script type="text/javascript">
var imgs = new Array();
var num=1;
imgs[0] = "billede1.jpg";
imgs[1] = "billede2.jpg";
imgs[2] = "billede3.jpg";
imgs[3] = "billede4.jpg";
imgs[4] = "billede5.jpg";
imgs[5] = "billede6.jpg";

function skiftBillede() {
num = ++num%imgs.length;
document.images[0].src = imgs[num];
}
</script>
</head>
<body onload="setInterval('skiftBillede()',200);">
<img src="billede1.jpg" height="150" width="200">
</body>
</html>
Avatar billede roenving Novice
02. februar 2004 - 00:09 #10
Ups, med den kode skal de have en browser som er nyere end IE4 eller NS4, dvs. der er nok 0,0001%, som det ikke vil fungere hos (setInterval er nåleøjet !-)
Avatar billede doggy82 Praktikant
02. februar 2004 - 00:20 #11
nåja sry min laver det tilfældigt. tror nok jeg misforstod spørgsmålet
Avatar billede roenving Novice
02. februar 2004 - 00:43 #12
-- og den roterer ikke online, men skriver et tilfældigt billede onload ...
Avatar billede ferdinand.k Mester
01. marts 2004 - 23:41 #13
roenving-> læg lige et svar...
Avatar billede roenving Novice
02. marts 2004 - 00:24 #14
Velbekomme '-)
Avatar billede roenving Novice
03. marts 2004 - 00:38 #15
-- og tak for points ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
White papers
Flere white papers »