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

Kodeord  


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5106
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Billed Slideshow
Fra : plb
Vist : 426 gange
50 point
Dato : 08-09-04 20:25

Hej

jeg leder efter et form for script hvor det skrifter mellem 2 billeder med ca 10 min mellem den skifter..
så faktisk et "tidsinstillet-billedslideshow"

mvh P/lb

 
 
Kommentar
Fra : gummianden


Dato : 08-09-04 21:47

En anden mulighed end script er at downloade paint shop pro, trial edition (virker i 30 dage), så gå ind i animationshop og lave et animeret gif med dine to billeder(kan importeres hvis du allerede har dem liggende), sætte skiftetiden til 10 min (den regner godt nok i sekunder eller 1/10 dele sekunder, men så er det jo bare at regne om). Så kan du anvende dette animere gif som billedslideshow...

Accepteret svar
Fra : molokyle

Modtaget 60 point
Dato : 08-09-04 21:52

Der er en mulighed her :

Du skal i dette eksempel bemærkes at billederne forventes liggende i et bibliotek ; [images] , som under-bibliotek til filen, hvor dette script indsættes i <body> ... </body> sektionen.

Kode
<script type="text/javascript" language="JavaScript1.2">
<!--
//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]="./images/billede_1.jpg"
fadeimages[1]="./images/billede_2.jpg"
fadeimages[2]="./images/billede_3.jpg"
fadeimages[3]="./images/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>


..her kan du ændre parameteren :

Kode
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)


..for at ændre tiden mellem billederne i dit slideshow.

</MOLOKYLE>

Kommentar
Fra : smorch


Dato : 08-09-04 21:55

<head>
<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src='billede1.jpg';
var image2=new Image()
image2.src='billede2.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< 2)
step++
else
step=1
setTimeout("slideit()",60000)//antal milisekunder mellem billederne
}
-->
</script>
</head>
<body onLoad="slideit()">

<img style='border: 1 solid #333333' src="blank.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width="230" height="185">

</body>

Kommentar
Fra : molokyle


Dato : 08-09-04 22:01

Du kan se det script jeg angav i funktion her : http://home20.inet.tele.dk/friheden/sandkasse.html

..det er den fjollede transition mellem Harry og Molo

</MOLOKYLE>

Godkendelse af svar
Fra : plb


Dato : 09-09-04 19:34

Tak for svaret molokyle.
                        

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 : 173642
Tips : 31664
Nyheder : 719565
Indlæg : 6383651
Brugere : 218258

Månedens bedste
Årets bedste
Sidste års bedste