|
| Kommentar Fra : molokyle |
Dato : 29-05-05 21:26 |
| | |
| Kommentar Fra : BjarneD |
Dato : 29-05-05 22:13 |
| | |
| Kommentar Fra : molokyle |
Dato : 29-05-05 22:21 |
|
Hvis billederne er lige store kan du bruge dette script med blendover effekt :
Kode <script type="text/javascript">
//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
var slideshow_width='200px' //SET IMAGE WIDTH
var slideshow_height='447px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="BILLEDE_1.jpg"
fadeimages[1]="BILLEDE_2.jpg"
fadeimages[2]="BILLEDE_3.jpg"
fadeimages[3]="BILLEDE_4.jpg"
////NO need to edit beyond here/////////////
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}
var ie4=document.all
var dom=document.getElementById
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script> |
Størrelsen i pixels angives i :
var slideshow_width='XXXpx' //SET IMAGE WIDTH
var slideshow_height='YYYpx' //SET IMAGE HEIGHT
I : fadeimages[X]="BILLEDE_X.jpg" kan du indsætte så mange billder du lyster.
Scriptet indsættes i <body>...</body> hvor du ønsker det vist.
</MOLOKYLE>
| |
| Kommentar Fra : oz1eqp |
Dato : 30-05-05 11:32 |
|
Er det ikke muligt at sætte det op,så dem der ønsker at se mine billeder skal starte SHOW.exe filen.
oz1eqp Arne
| |
| Kommentar Fra : oz1eqp |
Dato : 30-05-05 12:37 |
|
Hvad gør vi nu med point,vil gerne give Jer begge point,men hvordan gør jeg det?
oz1eqp - Arne
| |
| Kommentar Fra : BjarneD |
Dato : 30-05-05 13:37 |
|
Point betyder intet, at kunne hjælpe gør.
Jeg syntes at Molokyle har fortjent point for et godt forslag til en løsning.
| |
| Kommentar Fra : BjarneD |
Dato : 30-05-05 14:10 |
| | |
| Godkendelse af svar Fra : oz1eqp |
Dato : 30-05-05 15:06 |
|
Tak for svaret molokyle.
Kan Bjarne ikke også lægge et svar,så jeg kan dele ud,for jeg har rigeligt med point.
oz1eqp - Arne
| |
| Kommentar Fra : oz1eqp |
Dato : 30-05-05 16:38 |
|
Tak til Jer begge,jeg har aldrig gået forgæves når jeg beder om hjælp her på KANDU,
og det sætter jeg stor pris på.Det glæder mig hver gang der kommer et positivt svar.
oz1eqp Arne
| |
| 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.
| |
|
|