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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Billede skift på en hjemmeside.
Fra : pakube
Vist : 744 gange
30 point
Dato : 22-09-10 23:11

Hejsa i stuerne - hilser på mænd og fruerne.

Her vises en del af en hjemmeside jeg roder lidt med: Først et billede i første tabel, og derunder tre billeder ved siden af hinanden i tabel to.

--- Kodestart ---

<TABLE border="0" width="100%" height="35%">
<TBODY>
<TR>
<TD valign="top" align="center"><IMG src="topbillede.jpg" border="0"><BR></TD>
</TR>
</TBODY>
</TABEL>
<TABLE border="0" width="100%" height="50%">
<TBODY>
<TR>
<TD valign="top" align="center"><IMG src="billedevenstre.jpg" border="0"><IMG src="billedermidtfor.jpg" border="0"><IMG src="billedehoejre.jpg" border="0"></TD>
</TR>
</TBODY>
</TABEL>

--- Kodeslut ---

Hvordan skal jeg skrive koden, for at få billedet i midten af de tre billeder "billedermidtfor.jpg" til at skifte mellem X antal billeder, med en forud angivet tidsinterval? (Jeg bruger en NotesBogen til at skrive koden i.)

Hilsen Sir. Pakú.

 
 
Kommentar
Fra : bentjuul


Dato : 22-09-10 23:47

Det skal laves i javascript her er et eksempel http://www.javascriptkit.com/howto/show2.shtml men der er masser af script på nettet - det er bare at søge på slideshow eller lignende.

Jeg ville selv lave det Flash, men det kræver at du har programmet og kendskab til actionsscript..

God fornøjelse

Kommentar
Fra : scootergrisen


Dato : 23-09-10 03:57

Du kan også lave det midterste billed til en GIF animation i et tegneprogram også kan du der bestemme hvor lang tid der skal være imellem billederne.

Hvis du bliver træt af notesbogen så kan du prøve notepad++ det er gratis og jeg bruger det selv og syns det er rigtig godt. Så kan du også have flere filer åbne på samme tid : http://notepad-plus-plus.org/

Kommentar
Fra : Klaudi


Dato : 23-09-10 19:02

Et lille enkelt script

Kode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!-- Minus AutoDato -->
<title>Slide Test</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script language="JavaScript">
<!-- // Created by Pierre Volpe

// Duration of image (in milliseconds)
var slideShowSpeed = 5000

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

var Pic = new Array()

Pic[0] = 'pix1.JPG';
Pic[1] = 'pix2.JPG';
Pic[2] = 'pix3.JPG';
Pic[3] = 'pix4.JPG';
Pic[4] = 'pix5.JPG';
Pic[5] = 'pix6.JPG';
Pic[6] = 'pix7.JPG';
Pic[7] = 'pix8.JPG';



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.filters){
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){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
//-->
window.onload=runSlideShow
</script>
</head>

<body bgcolor="#F4FFE4">
<center>
<table border="5" cellpadding="0" cellspacing="0" bgcolor="#FF6600">
<tr bgcolor="#D5EDB3">
<td><IMG SRC="pix1.JPG" NAME='SlideShow' width="475" height="387"></td></tr></table>
</center>
</body>
</html>


Kommentar
Fra : pakube


Dato : 24-09-10 07:30

TAKKER for s varene der er kommet til nu, de ser fine ud, MEN det jeg har brug for, er hvordan koden, som jeg har skrevet i mit spørgsmål, skal tilrettes for at biledet i midten af bunden kan skifte mellem X antal billeder.

Accepteret svar
Fra : Klaudi

Modtaget 30 point
Dato : 24-09-10 13:21

Den kunne jo så se så'n ud

Kode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!-- Minus AutoDato -->
<title>Slide Test</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script language="JavaScript">
<!-- // Created by Pierre Volpe

// Duration of image (in milliseconds)
var slideShowSpeed = 5000

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

var Pic = new Array()

Pic[0] = 'pix1.jpg';
Pic[1] = 'pix2.jpg';
Pic[2] = 'pix3.jpg';
Pic[3] = 'pix4.jpg';
Pic[4] = 'pix5.jpg';
Pic[5] = 'pix6.jpg';
Pic[6] = 'pix7.jpg';
Pic[7] = 'pix8.jpg';

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.filters){
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){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
//-->
window.onload=runSlideShow
</script>
</head>

<body bgcolor="#F4FFE4">
<center>
<TABLE border="0" width="100%" height="35%">
<TBODY>
<TR><TD valign="top" align="center"><IMG src="pix7.jpg" border="0"><BR></TD></TR>
</TBODY></TABLE>

<TABLE border="0" width="100%" height="50%">
<TBODY>
<TR><TD valign="top" align="center"><IMG src="pix1.jpg" border="0">&nbsp;<IMG SRC="pix1.jpg" NAME='SlideShow' width="224" height="202">&nbsp;<IMG src="pix3.jpg" border="0"></TD></TR>
</TBODY></TABLE>
</center>

</body>
</html>


Godkendelse af svar
Fra : pakube


Dato : 25-09-10 01:19

Tak for svaret Klaudi.

Jeg har fået det tilrettet sådan at jeg synes at det sidder lige i øjet, så du har gjort mig velfornøjet.

Kommentar
Fra : Klaudi


Dato : 25-09-10 07:11

Velbekommen

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 : 177577
Tips : 31968
Nyheder : 719565
Indlæg : 6409070
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste