Notifikationer

Markér alle som læst Log ud

crabber Nybegynder

31. maj 2006 - 09:30 Der er 14 kommentarer og
1 løsning

Slideshow virker ikke i firefox?

Dette slideshow virker ikke i firefox.

Er der en som kan hjælep mig med at få den til at virke i firefox.
(den virker fint i IE).

<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'foto/1.jpg'
Pic[1] = 'foto/2.jpg'
Pic[2] = 'foto/3.jpg'
Pic[3] = 'foto/4.jpg'
Pic[4] = 'foto/5.jpg'
Pic[5] = 'foto/6.jpg'
Pic[6] = 'foto/7.jpg'
Pic[7] = 'foto/8.jpg'
Pic[8] = 'foto/9.jpg'
Pic[9] = 'foto/10.jpg'
Pic[10] = 'foto/11.jpg'
Pic[11] = 'foto/12.jpg'
Pic[12] = 'foto/13.jpg'
Pic[13] = 'foto/14.jpg'
Pic[14] = 'foto/15.jpg'
Pic[15] = 'foto/16.jpg'
Pic[16] = 'foto/17.jpg'
Pic[17] = 'foto/18.jpg'
Pic[18] = 'foto/19.jpg'
Pic[19] = 'foto/20.jpg'
Pic[20] = 'foto/21.jpg'
Pic[21] = 'foto/22.jpg'

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
<link href="web-style.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="runSlideShow()">

Casper Andersen

Synes godt om

mm12010 Nybegynder

31. maj 2006 - 09:44 #1

har dit img-tag det rigtige id?

<img ... id="SlideShow">

Synes godt om

crabber Nybegynder

31. maj 2006 - 10:12 #2

Nej det er den ikke.. Prøver lige.

Synes godt om

crabber Nybegynder

31. maj 2006 - 10:16 #3

Det hjalp ikke...

Synes godt om

mm12010 Nybegynder

31. maj 2006 - 10:19 #4

viser den ikke billeder? hvilken fejl får du? må jeg se hele koden eller endnu bedre har du et link til siden?

Synes godt om

mclemens Nybegynder

31. maj 2006 - 10:24 #5

sådan?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'foto/1.jpg'
Pic[1] = 'foto/2.jpg'
Pic[2] = 'foto/3.jpg'
Pic[3] = 'foto/4.jpg'
Pic[4] = 'foto/5.jpg'
Pic[5] = 'foto/6.jpg'
Pic[6] = 'foto/7.jpg'
Pic[7] = 'foto/8.jpg'
Pic[8] = 'foto/9.jpg'
Pic[9] = 'foto/10.jpg'
Pic[10] = 'foto/11.jpg'
Pic[11] = 'foto/12.jpg'
Pic[12] = 'foto/13.jpg'
Pic[13] = 'foto/14.jpg'
Pic[14] = 'foto/15.jpg'
Pic[15] = 'foto/16.jpg'
Pic[16] = 'foto/17.jpg'
Pic[17] = 'foto/18.jpg'
Pic[18] = 'foto/19.jpg'
Pic[19] = 'foto/20.jpg'
Pic[20] = 'foto/21.jpg'
Pic[21] = 'foto/22.jpg'

// =======================================
// do not edit anything below this line
// =======================================

var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
if (document.all){
document.getElementById("SlideShow").style.filter="blendTrans(duration=2)"
document.getElementById("SlideShow").style.filter="blendTrans(duration=crossFadeDuration)"
document.getElementById("SlideShow").filters.blendTrans.Apply()
}
document.getElementById("SlideShow").src = preLoad[j].src
if (document.all){
document.getElementById("SlideShow").filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
setTimeout('runSlideShow()', slideShowSpeed)
}

window.onload=function(){runSlideShow();}
</script>

<style type="text/css">

</style></head>

<body>
<img src="1.jpg" width="200" height="200" id="SlideShow">
</body></html>

Synes godt om

mclemens Nybegynder

31. maj 2006 - 10:25 #6

document.images.SlideShow
->
document.getElementById("SlideShow")

Synes godt om

crabber Nybegynder

31. maj 2006 - 10:30 #7

Her er hele koden:

<html>
<head>
<title>Foto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'foto/1.jpg'
Pic[1] = 'foto/2.jpg'
Pic[2] = 'foto/3.jpg'
Pic[3] = 'foto/4.jpg'
Pic[4] = 'foto/5.jpg'
Pic[5] = 'foto/6.jpg'
Pic[6] = 'foto/7.jpg'
Pic[7] = 'foto/8.jpg'
Pic[8] = 'foto/9.jpg'
Pic[9] = 'foto/10.jpg'
Pic[10] = 'foto/11.jpg'
Pic[11] = 'foto/12.jpg'
Pic[12] = 'foto/13.jpg'
Pic[13] = 'foto/14.jpg'
Pic[14] = 'foto/15.jpg'
Pic[15] = 'foto/16.jpg'
Pic[16] = 'foto/17.jpg'
Pic[17] = 'foto/18.jpg'
Pic[18] = 'foto/19.jpg'
Pic[19] = 'foto/20.jpg'
Pic[20] = 'foto/21.jpg'
Pic[21] = 'foto/22.jpg'

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
<link href="web-style.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="runSlideShow()">
<table width="598" border="0" cellpadding="0" cellspacing="0">

<tr>
<td height="16" colspan="2" class="overskrift">Foto</td>
</tr>
<tr>
<td height="18" colspan="2"></td>
</tr>
<tr>
<td width="94" height="295" valign="top">Slideshow</td>
<td width="503" align="left" valign="middle"><img src="foto/1.jpg" name='SlideShow' width=388 height=289 class="border" id="SlideShow"></td>
</tr>
</table>

 </td>
</tr>

<tr>
<td valign="top">
</tr>
</table>
</body>
</html>

Synes godt om

mm12010 Nybegynder

31. maj 2006 - 10:31 #8

det virker upåklageligt her hos mig...

Synes godt om

crabber Nybegynder

31. maj 2006 - 10:31 #9

mclemens> jeg kunne ikke lige få din kode til at virke.

Synes godt om

mm12010 Nybegynder

31. maj 2006 - 10:33 #10

hvilken fejl får du?

Synes godt om

crabber Nybegynder

31. maj 2006 - 10:56 #11

Den fader ikke mellem billederne, den skifter bare.

Synes godt om

mm12010 Nybegynder

31. maj 2006 - 11:00 #12

det står der oz i kommentaren i linie 10 i det slideshow du tager udgangs punkt i:
// Fade effect only in IE; degrades gracefully

Synes godt om

mm12010 Nybegynder

31. maj 2006 - 11:10 #13

hvis den oz skal fade i mozilla skal du bruge et andet slide show fx. dette som roenving har lavet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fade slideshow</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var slideshow_width='388px'; //SET IMAGE WIDTH
var slideshow_height='289px'; //SET IMAGE HEIGHT
var pause=3000; //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages=new Array();
fadeimages[0] = 'gfx/logo-hih.gif'
fadeimages[1] = 'gfx/logo-kua.gif'
fadeimages[2] = 'gfx/logo-growcomp.gif'
var slidelength = fadeimages.length,curcanvas,curimageindex;
var preloadedimages=new Array();
for (p=0;slidelength>p;p++){
preloadedimages[p]=new Image();
preloadedimages[p].src=fadeimages[p];
}
function shuffleArray(a) {
var t=s=0;
for(var i=0;a.length>i;i++){
t = Math.floor(Math.random()*a.length);
s = a[i];
a[i] = a[t] ;
a[t] = s;
}
return a;
}
var ix = new Array();
for(i=0;slidelength>i;i++)ix[i]=i;
ix = shuffleArray(ix);
var OpC = new Array();
var ie = (document.all)?true:false;
var moz = (navigator.userAgent.indexOf("Gecko")>-1)
function startOpChange(elm,end,tim){
if(!ie&&!moz)return;
var idx = OpC.length;
for(var i=0;idx>i;i++){
if(OpC[i][0]==elm){
clearInterval(OpC[i][4]);
idx = i;
break;
}
OpC[idx] = new Array();
}
if(idx==0)OpC[idx] = new Array();

if(ie)actOp=elm.filters.alpha.opacity;
else actOp=Math.round((elm.style.MozOpacity*100));
if (actOp!=end){
OpC[idx][0]=elm;
OpC[idx][1]=actOp;
OpC[idx][2]=end;
OpC[idx][3]=(end>actOp)?1:-1;
var delayTime = Math.floor((tim*1000)/Math.abs((actOp-end)));
OpC[idx][4]=setInterval("opChange("+idx+")",delayTime);
}
}
function opChange(idx){
OpC[idx][1]+=OpC[idx][3];
if (ie)OpC[idx][0].filters.alpha.opacity=OpC[idx][1];
else OpC[idx][0].style.MozOpacity=Math.min(0.9999,OpC[idx][1]/100);
if (OpC[idx][1]==OpC[idx][2]){
clearInterval(OpC[idx][4]);
return;
}
}
function initSlide(){
var c = document.getElementById('slidecontainer');
with(c.style){
position='relative';
overflow='hidden';
width=slideshow_width;
height=slideshow_height;
}
if (ie||moz){
for(i=0;2>i;i++){
var im = document.createElement('IMG');
c.appendChild(im);
with(im.style){
position='absolute';
top=left='0px';
width=slideshow_width;
height=slideshow_height;
filter='alpha(opacity=5)';
MozOpacity='0.05';
}
im.id = 'canvas'+i;
}
startOpChange(im,100,pause/10000);
setInterval('nextSlide()',pause);
}else{
var im = document.createElement('IMG');
c.appendChild(im);
with(im.style){
position='absolute';
top=left='0px';
width=slideshow_width;
height=slideshow_height;
}
im.id = "canvas"
im.src = fadeimages[0];
}
curcanvas="canvas1";
curimageindex=0;
}
function nextSlide(){
startOpChange(document.getElementById(curcanvas),5,pause/10000);
curcanvas = 'canvas' + ((curcanvas=='canvas0')?1:0);
var im = document.getElementById(curcanvas);
if(curimageindex+1==slidelength)ix = shuffleArray(ix);
curimageindex = ++curimageindex%slidelength;
im.src = fadeimages[ix[curimageindex]];
startOpChange(im,100,pause/10000);
}
function rotateimage(){
var im = document.getElementById('canvas');
curimageindex = ++curimageindex%slidelength;
im.src = fadeimages[index[curimageindex]];
}
if (ie||moz)
window.onload=initSlide;
else
setInterval("rotateimage()",pause);
</script>
</head>
<body>
<table width="598" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="16" colspan="2" class="overskrift">Foto</td>
</tr>
<tr>
<td height="18" colspan="2"></td>
</tr>
<tr>
<td width="94" height="295" valign="top">Slideshow</td>
<td width="503" align="left" valign="middle"><div id="slidecontainer"></div></td>
</tr>
</table>
 </td>
</tr>
<tr>
<td valign="top"></td>
</tr>
</table>
</body>
</html>

Synes godt om

crabber Nybegynder

31. maj 2006 - 13:13 #14

Mange tak mm12010, den virker perfekt.

Smid et svar så du kan få dine point.

Synes godt om

mm12010 Nybegynder

31. maj 2006 - 13:13 #15

selv tak :o)

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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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