/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Hjælp til at tjekke et lille script
Fra : PSS


Dato : 07-12-08 10:34


Jeg har sat følgende script på
http://struerskolen.dk/10-struer/baernogpaedegogik.htm og har
lavet en mappe til billederne der hedder "struerbilleder".

Jeg er ikke i tvivl om det er strengen til billederne det er galt
med, men kan ikke finde ud hvad, kan en behjertet sjæl hjælpe?



<script language="JavaScript1.2">

//Presentational Slideshow Script- By Dynamic Drive
//For full source code and more DHTML scripts, visit
http://www.dynamicdrive.com
//This credit MUST stay intact for legal use

var slideshow_width='150px' //SET SLIDESHOW WIDTH (set to largest
image's width if multiple dimensions exist)
var slideshow_height='150px' //SET SLIDESHOW HEIGHT (set to
largest image's height if multiple dimensions exist)
var pause=3000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)
var slidebgcolor="white"

var dropimages=new Array()
//
dropimages[0]="http://struerskolen/10-struer/struerbilleder/foto1
..jpg"
dropimages[1]="http://struerskolen/10-struer/struerbilleder/foto2
..jpg"
dropimages[2]="http://struerskolen/10-struer/struerbilleder/foto3
..jpg"
dropimages[3]="http://struerskolen/10-struer/struerbilleder/foto4
..jpg"
dropimages[4]="http://struerskolen/10-struer/struerbilleder/foto5
..jpg"
dropimages[5]="http://struerskolen/10-struer/struerbilleder/foto6
..jpg"
dropimages[6]="http://struerskolen/10-struer/struerbilleder/foto7
..jpg"

var droplinks=new Array()


////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div
style="position:relative;width:'+slideshow_width+';height:'+slide
show_height+';overflow:hidden"><div id="canvas0"
style="position:absolute;width:'+slideshow_width+';height:'+slide
show_height+';background-color:'+slidebgcolor+';left:-'+slideshow
_width+'"></div><div id="canvas1"
style="position:absolute;width:'+slideshow_width+';height:'+slide
show_height+';background-color:'+slidebgcolor+';left:-'+slideshow
_width+'"></div></div>')
else
document.write('<a href="javascript:rotatelink()"><img
name="defaultslide" src="'+dropimages[0]+'" border=0></a>')

var curpos=parseInt(slideshow_width)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1


function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{

clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) :
document.getElementById(nextcanvas)
var slideimage='<img src="'+dropimages[curimageindex]+'"
border=0>'
tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a
href="'+droplinks[curimageindex]+'">'+slideimage+'</a>' :
slideimage
nextimageindex=(nextimageindex<dropimages.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("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)?
curimageindex+1 : 0
}

function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}

function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) :
document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) :
document.getElementById(curcanvas)
crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img
src="'+dropimages[curimageindex]+'" border=0></a>'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script>

<p align="center"><font face="Arial" size="-2">Free DHTML scripts
provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic
Drive</a></font></p>

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Kerim Ellentoft (07-12-2008)
Kommentar
Fra : Kerim Ellentoft


Dato : 07-12-08 12:28

PSS <pss@kursusogtema.dk> skrev :

>dropimages[0]="http://struerskolen/10-struer/struerbilleder/foto1
>.jpg"

Fejlen er meget enkelt, du har glemt .dk

Stien skal være
http://struerskolen.dk/10-struer/struerbilleder/foto1.jpg
--
Kerim

PSS (07-12-2008)
Kommentar
Fra : PSS


Dato : 07-12-08 23:18

Kerim Ellentoft wrote in dk.edb.internet.webdesign.clientside:
> PSS <pss@kursusogtema.dk> skrev :
>
> >dropimages[0]="http://struerskolen/10-struer/struerbilleder/foto1
> >.jpg"
>
> Fejlen er meget enkelt, du har glemt .dk
>
> Stien skal være
> http://struerskolen.dk/10-struer/struerbilleder/foto1.jpg
> --
> Kerim

Tak for det Kerim - det er godt nok pinligt for mig

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søren (14-12-2008)
Kommentar
Fra : Søren


Dato : 14-12-08 09:35

Hej ..

Kan godt lide det script.
Kan man gøre så det automatisk henter alle fotos der er i en mappe, så man
er fri for at angive filnavn for hvert enkelt foto?

Søren


"PSS" <pss@kursusogtema.dk> skrev i meddelelsen
news:493b986c$0$90268$14726298@news.sunsite.dk...
>
> Jeg har sat følgende script på
> http://struerskolen.dk/10-struer/baernogpaedegogik.htm og har
> lavet en mappe til billederne der hedder "struerbilleder".
>
> Jeg er ikke i tvivl om det er strengen til billederne det er galt
> med, men kan ikke finde ud hvad, kan en behjertet sjæl hjælpe?
>
>
>
> <script language="JavaScript1.2">
>
> //Presentational Slideshow Script- By Dynamic Drive
> //For full source code and more DHTML scripts, visit
> http://www.dynamicdrive.com
> //This credit MUST stay intact for legal use
>
> var slideshow_width='150px' //SET SLIDESHOW WIDTH (set to largest
> image's width if multiple dimensions exist)
> var slideshow_height='150px' //SET SLIDESHOW HEIGHT (set to
> largest image's height if multiple dimensions exist)
> var pause=3000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)
> var slidebgcolor="white"
>
> var dropimages=new Array()
> //
> dropimages[0]="http://struerskolen/10-struer/struerbilleder/foto1
> .jpg"
> dropimages[1]="http://struerskolen/10-struer/struerbilleder/foto2
> .jpg"
> dropimages[2]="http://struerskolen/10-struer/struerbilleder/foto3
> .jpg"
> dropimages[3]="http://struerskolen/10-struer/struerbilleder/foto4
> .jpg"
> dropimages[4]="http://struerskolen/10-struer/struerbilleder/foto5
> .jpg"
> dropimages[5]="http://struerskolen/10-struer/struerbilleder/foto6
> .jpg"
> dropimages[6]="http://struerskolen/10-struer/struerbilleder/foto7
> .jpg"
>
> var droplinks=new Array()
>
>
> ////NO need to edit beyond here/////////////
>
> var preloadedimages=new Array()
> for (p=0;p<dropimages.length;p++){
> preloadedimages[p]=new Image()
> preloadedimages[p].src=dropimages[p]
> }
>
> var ie4=document.all
> var dom=document.getElementById
>
> if (ie4||dom)
> document.write('<div
> style="position:relative;width:'+slideshow_width+';height:'+slide
> show_height+';overflow:hidden"><div id="canvas0"
> style="position:absolute;width:'+slideshow_width+';height:'+slide
> show_height+';background-color:'+slidebgcolor+';left:-'+slideshow
> _width+'"></div><div id="canvas1"
> style="position:absolute;width:'+slideshow_width+';height:'+slide
> show_height+';background-color:'+slidebgcolor+';left:-'+slideshow
> _width+'"></div></div>')
> else
> document.write('<a href="javascript:rotatelink()"><img
> name="defaultslide" src="'+dropimages[0]+'" border=0></a>')
>
> var curpos=parseInt(slideshow_width)*(-1)
> var degree=10
> var curcanvas="canvas0"
> var curimageindex=linkindex=0
> var nextimageindex=1
>
>
> function movepic(){
> if (curpos<0){
> curpos=Math.min(curpos+degree,0)
> tempobj.style.left=curpos+"px"
> }
> else{
>
> clearInterval(dropslide)
> nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
> tempobj=ie4? eval("document.all."+nextcanvas) :
> document.getElementById(nextcanvas)
> var slideimage='<img src="'+dropimages[curimageindex]+'"
> border=0>'
> tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a
> href="'+droplinks[curimageindex]+'">'+slideimage+'</a>' :
> slideimage
> nextimageindex=(nextimageindex<dropimages.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("movepic()",50)'
> dropslide=eval(temp)
> curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
> }
> else
> document.images.defaultslide.src=dropimages[curimageindex]
> linkindex=curimageindex
> curimageindex=(curimageindex<dropimages.length-1)?
> curimageindex+1 : 0
> }
>
> function rotatelink(){
> if (droplinks[linkindex]!="")
> window.location=droplinks[linkindex]
> }
>
> function resetit(what){
> curpos=parseInt(slideshow_width)*(-1)
> var crossobj=ie4? eval("document.all."+what) :
> document.getElementById(what)
> crossobj.style.left=curpos+"px"
> }
>
> function startit(){
> var crossobj=ie4? eval("document.all."+curcanvas) :
> document.getElementById(curcanvas)
> crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img
> src="'+dropimages[curimageindex]+'" border=0></a>'
> rotateimage()
> }
>
> if (ie4||dom)
> window.onload=startit
> else
> setInterval("rotateimage()",pause)
>
> </script>
>
> <p align="center"><font face="Arial" size="-2">Free DHTML scripts
> provided by<br>
> <a href="http://www.dynamicdrive.com">Dynamic
> Drive</a></font></p>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


Birger Sørensen (14-12-2008)
Kommentar
Fra : Birger Sørensen


Dato : 14-12-08 11:36

Søren har bragt dette til os:
> Hej ..
>
> Kan godt lide det script.
> Kan man gøre så det automatisk henter alle fotos der er i en mappe, så man er
> fri for at angive filnavn for hvert enkelt foto?
>

Javascript afvikles hos klienten - altså hos dem der besøger siden.
Formentlig vil du hellere have dine egne billeder vist, i stedet for..

For at gøre den slags skal du enten i PHP eller ASP, eller en anden
teknik, der afvikles på serveren.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Søg
Reklame
Statistik
Spørgsmål : 177452
Tips : 31962
Nyheder : 719565
Indlæg : 6408137
Brugere : 218879

Månedens bedste
Årets bedste
Sidste års bedste