/ Forside/ Teknologi / Udvikling / Java Scripts / Spørgsmål
Login
Glemt dit kodeord? 		Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
1  molokyle 5410
2  Klaudi 2799
3  smorch 2439
4  kim 1360
5  Harlekin 1134
6  bentjuul 984
7  gibson 800
8  severino 695
9  Random 675
10  konsulent.. 626
Skifte billede
Fra : ejay1982 		Vist : 766 gange
29 point
Dato : 08-12-08 13:30
Jeg har 3 billeder som der automatisk skal skifte... Hvilken kode skal jeg bruge

 
 
Kommentar
Fra : ejay1982

Dato : 08-12-08 14:08
Det må også gerne være en htmlkode

Kommentar
Fra : Klaudi

Dato : 08-12-08 14:24
Kode
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Slide 3</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</HEAD>

<BODY>

<BR><BR>

<div id="slideshow" style="position:relative"><a><img id="imgback" style="position:absolute;border:0"></a>
<div id="divfront" style="position:absolute;width:0;overflow:hidden"><a><img id="imgfront" style="position:absolute;right:0;border:0"></a></div></div>

<script type="text/javascript">
var iSlideshowDelay=5000;
var aPics=["billede01.jpg","billede02.jpg","billede03.jpg"];
var aLinks=["link_til_billede01.jpg","link_til_billede02.jpg","link_til_billede03.jpg"];
var oImgBack=document.getElementById("imgback");
var oImgFront=document.getElementById("imgfront");
var oDivFront=document.getElementById("divfront");
var iSlideshow=0;
var tSlideshow=window.setInterval("changePic(iSlideshow)",iSlideshowDelay);
oImgBack.setAttribute("src",aPics[0]);
oImgBack.parentNode.setAttribute("href",aLinks[0]);

function changePic(i){
oDivFront.style.height=oImgBack.offsetHeight+"px";
if(++iSlideshow==aPics.length)iSlideshow=0;
oImgFront.setAttribute("src",aPics[iSlideshow]);
oImgFront.parentNode.setAttribute("href",aLinks[iSlideshow]);
slidePic(0,oImgFront.offsetWidth);
}
function slidePic(i,iTop){
iSpeed=5;
if(i>iTop*0.95)i+=2;
else if(i>iTop*0.9)i+=3;
else if(i>iTop*0.8)i+=5;
else if(i>iTop*0.65)i+=7;
else if(i>iTop*0.5)i+=8;
else i+=10;
oDivFront.style.width=i+"px";
if(oDivFront.offsetWidth<iTop){
window.setTimeout("slidePic("+(i+","+iTop)+")",30);
}else{
oImgBack.setAttribute("src",aPics[iSlideshow]);
oImgBack.parentNode.setAttribute("href",aLinks[iSlideshow]);
oDivFront.style.width=0;
}
}
</script>

</BODY>
</HTML>


Prøv med dette

mvh klaudi

Kommentar
Fra : Klaudi

Dato : 08-12-08 14:28
Kode
var aPics=["billede01.jpg","billede02.jpg","billede03.jpg"];
var aLinks=["link_til_billede01.jpg","link_til_billede02.jpg","link_til_billede03.jpg"];


Tilpas disse 2 linjer
1 linje som på dine billeder
2 linje link man bliver henvist til hvis man klikker på billedet


mvh klaudi

Kommentar
Fra : Klaudi

Dato : 08-12-08 14:29
1 linje som peger på dine billeder

Kommentar
Fra : ejay1982

Dato : 08-12-08 14:59
Det fungere men teksten der er skrevet neden under billederne bliver dækket af dem...

Kommentar
Fra : ejay1982

Dato : 08-12-08 15:06
Jeg vil også gerne have dem til at skifte langsommere

Accepteret svar
Fra : Klaudi
Modtaget 29 point
Dato : 08-12-08 15:25
Kode
<html><head><title>Slide test</title>
<!-- Minus AutoDato -->
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">

<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src='patsy01.jpg';
var image2=new Image()
image2.src='patsy02.jpg';
var image3=new Image()
image3.src='patsy03.jpg';
-->
</script>

<script>
<!--
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
//If the browser is IE 4.x
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")

//If the browser is IE 4.x
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step< 9)
step++
else
step=1
setTimeout("slideit()",5000)
//document.write(step);
}
-->
</script>

</head>

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" onLoad="slideit()">

<IMG SRC="blank.gif" BORDER="0" WIDTH="250" HEIGHT="250" ALIGN="bottom" ALT="" STYLE="'border:" 1 solid #333333' name="slide" style="filter:blendTrans(duration=3)">
<BR><BR>
En lille test
</body>
</html>


En anden udgave

Kan ikke lige greje den med teksten!

For at få den første til at køre langsommere ændres denne linje:
var iSlideshowDelay=5000
til
var iSlideshowDelay=10000
så skifter den med 10 sek interval

mvh klaudi


Kommentar
Fra : Klaudi

Dato : 08-12-08 15:46
<html><head><title>Slide test</title>
<!-- Minus AutoDato -->
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">

<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src='patsy01.jpg';
var image2=new Image()
image2.src='patsy02.jpg';
var image3=new Image()
image3.src='patsy03.jpg';
-->
</script>

<script>
<!--
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
//If the browser is IE 4.x
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")

//If the browser is IE 4.x
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step< 9) rettes til if (step< 3)
step++
else
step=1
setTimeout("slideit()",5000)
//document.write(step);
}
-->
</script>

</head>

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" onLoad="slideit()">

<IMG SRC="blank.gif" BORDER="0" WIDTH="250" HEIGHT="250" ALIGN="bottom" ALT="" STYLE="'border:" 1 solid #333333' name="slide" style="filter:blendTrans(duration=3)">
<BR><BR>
En lille test
</body>
</html>

mvh klaudi

Godkendelse af svar
Fra : ejay1982

Dato : 08-12-08 15:47
mange Tak for svaret Klaudi.

Kommentar
Fra : Klaudi

Dato : 08-12-08 15:51
Velbekommen

Den sidste med rettelse er antal af billeder, den var lige smuttet

mvh klaudi

Kommentar
Fra : Klaudi

Dato : 08-12-08 16:00
Du skal forresten bruge denne lille gif fil til script nr2
http://peecee.dk/upload/view/143917

lægges i mappen hvor scriptet er

mvh klaudi

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888
Månedens bedste
Årets bedste
Sidste års bedste
Copyright © 2000-2024 kandu.dk. Alle rettigheder forbeholdes.