javascript invullen

[jordyvan]

hallo,

ik ben nu een paar dagen bezig met mijn site. ik wil graag een paar foto´s op deze site plaatsen, maar weet niet wat ik in moet vulllen in het script

hierbij het script :
<SCRIPT>


// plaats van de foto
var slideurl=new Array("pic1.jpg","pic2.jpg","pic3.jpg","pic4.jpg")

// eventueel commentaar onder de foto
var slidecomment=new Array("....","....","....","....")

// een link aan ieder plaatje?
var slidelink=new Array("http://www.noukie.nl","http://www.kadootje.net/forum","http://www.navulset.nl","http://www.leejoo.nl")

// hoe moet de link openen. Je kunt gebruiken: "_parent", "_top", "_blank", "_self"
var slidetarget=new Array("_blank","_blank","_blank","_blank")

// breedte van de slideshow (pixels)
var scrollerwidth=160

// hooghte van de slideshow (pixels)
var scrollerheight=100

// breedte van de transparante zones (pixels)
var translayerszone=40

// opmaak van het commentaar onder de foto
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"

// achtergrondkleur van de pagina
var pagebgcolor="#E7E7E7"

// hierna hoef je niets meer te veranderen
var translayerswidth=1
var translayersmax=Math.floor(translayerszone/translayerswidth)
var translayersleftpos=0
var translayersopacity=100
var translayersfactor=100/translayersmax
var translayerswidthall=translayersmax*translayerswidth
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
var browserinfos=navigator.userAgent
var opera=browserinfos.match(/Opera/)

var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages=new Image()
preloadedimages.src=slideurl
}

function init() {
if (ie) {
allpicturewidth=document.all.picturediv.offsetWidth
document.all.picturediv.style.posTop=scrollertop
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.picturediv.style.visibility="visible"
scrollpicture()

}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.top=scrollertop
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
cliptop=0
clipbottom=scrollerheight
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.getElementById('picturediv').style.visibility="visible"
scrollpicture()
}
if (ns4) {
allpicturewidth=document.roof.document.picturediv.document.width
document.roof.document.picturediv.top=scrollertop
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
document.roof.document.picturediv.clip.top=0
document.roof.document.picturediv.clip.bottom=scrollerheight
document.roof.document.picturediv.visibility="visible"
scrollpicture()
}
}

function scrollpicture() {
if (ie) {
if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
document.all.picturediv.style.posLeft-=step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns6) {
if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
clipright+=step
if (clipright>scrollerwidth) {
clipleft+=step
}
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
if (ns4) {
if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
document.roof.document.picturediv.left-=step
document.roof.document.picturediv.clip.right+=step
if (document.roof.document.picturediv.clip.right>scrollerwidth) {
document.roof.document.picturediv.clip.left+=step
}
var timer=setTimeout("scrollpicture()",pause)
}
else {
resetposition()
}
}
}

function onmsover() {
step=0
}
function onmsout() {
step=newstep
}

function resetposition() {
if (ie) {
document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns6) {
allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
clipleft=0
clipright=0
document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollpicture()
}
if (ns4) {
document.roof.document.picturediv.left=scrollerleft+scrollerwidth
document.roof.document.picturediv.clip.left=0
document.roof.document.picturediv.clip.right=0
scrollpicture()
}
}

picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<a href=\""+slidelink+"\" target=\""+slidetarget+"\" onMouseOver=\"javascriptnmsover()\" onMouseOut=\"javascriptnmsout()\">"
picturecontent+="<img src=\""+slideurl+"\" border=0></a>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
picturecontent+="<td>"
picturecontent+="<font face=\""+slidefont+"\" color=\""+slidefontcolor+"\" size="+slidefontsize+">"
picturecontent+=slidecomment
picturecontent+="</font>"
picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"

if (ie || ns6) {
document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
if (ie && !opera) {
for (i=0;i<=translayersmax;i++) {
document.write('<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
translayersleftpos+=translayerswidth
translayersopacity-=translayersfactor
}
translayersleftpos=scrollerwidth-translayersleftpos
for (ii=0;ii<=translayersmax;ii++) {
document.write('<span ID="trans'+ii+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
translayersleftpos+=translayerswidth
translayersopacity+=translayersfactor
}
}
if (ns6 && !opera) {
for (i=0;i<=translayersmax-1;i++) {
document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>')
translayersleftpos+=translayerswidth
translayersopacity-=translayersfactor
if (translayersopacity<0) {translayersopacity=0.001}
}
translayersleftpos=scrollerwidth-translayersleftpos
translayersopacity=0.001
for (i=0;i<=translayersmax-1;i++) {
document.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>')
translayersleftpos+=translayerswidth
translayersopacity+=translayersfactor
}
}
document.write('</div>')
document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')

window.onload=init
}

if (ns4) {
document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
document.write('</ilayer>')
window.onload=init
}
</script>

nu wil ik graag wat foto's van mijn pc of internet erop zetten. wat moet ik waar invullen?

alvast bedankt,

jordy

 

[YourWebSolution]

eeehh...

// plaats van de foto
var slideurl=new Array("pic1.jpg","pic2.jpg","pic3.jpg","pic4.jpg")

// eventueel commentaar onder de foto
var slidecomment=new Array("....","....","....","....")

// een link aan ieder plaatje?
var slidelink=new Array("http://www.noukie.nl","http://www.kadootje.net/forum","http://www.navulset.nl","http://www.leejoo.nl")

 

[jordyvan]

eeehh...

// plaats van de foto
var slideurl=new Array("pic1.jpg","pic2.jpg","pic3.jpg","pic4.jpg")

// eventueel commentaar onder de foto
var slidecomment=new Array("....","....","....","....")

// een link aan ieder plaatje?
var slidelink=new Array("http://www.noukie.nl","http://www.kadootje.net/forum","http://www.navulset.nl","http://www.leejoo.nl")

dit script is een voorbeeld script. maar op die plekken moeten dan mijn plaatjes komen, maar hoe doe je dat?

 

[JeroenE]

Als je het script goed bekijkt, dan zie je er commentaar bijstaan. dat staat telkens achter een dubbele slash want een dubbele slash vertelt het script geen rekening te houden met wat op dezelfde lijn achter de dubbele slash staat.
Die commentaar vertelt je precies wat je waar moet invullen.

Greetz : Jeren.

 

[jordyvan]

Als je het script goed bekijkt, dan zie je er commentaar bijstaan. dat staat telkens achter een dubbele slash want een dubbele slash vertelt het script geen rekening te houden met wat op dezelfde lijn achter de dubbele slash staat.
Die commentaar vertelt je precies wat je waar moet invullen.

Greetz : Jeren.

oki, ik heb het commentaar gelezen. maar dat gaat alleen over de plaats, een link toevoegen enzow... maar niet het linkje/tekstje dat gaat over het plaatje dat geplaatst moet worden.... kan iemand misschien een voorbeeld geven van wat waar moet...

jordy

 

[MerlinTheGreat]

Een voorbeeld van ingevuld script:
(plaats) en naam van de foto

var slideurl=new Array("colosseum.jpg","sintpieters.jpg","trevifontein.jpg","laboccadellaverita.jpg")

als de foto's in een afzonderlijke map zitten moet je die map in de naam opnemen

var slideurl=new Array("foto/colosseum.jpg","foto/sintpieters.jpg","foto/trevifontein.jpg","foto/laboccadellaverita.jpg")

eventueel commentaar onder de foto

var slidecomment=new Array("Het Colosseum","De Sint Pietersbasiliek","De Trevifontein","La Bocca della Verità")

een link aan ieder plaatje gekoppeld (als je dat wenst)

var slidelink=new Array("","","","") // Geen links koppelen aan de foto's

hoe moet de link openen. Je kunt gebruiken: "_parent", "_top", "_blank", "_self"
_parent plaatst de foto in het venster vanwaar het huidige venster geopend werd
_top plaatst de foto in het venster van het hoogste niveau (vervangt alle vensters en subvensters)
_blank opent een nieuw venster om de foto te plaatsen
_self plaatst de foto in het huidige venster

var slidetarget=new Array("_self","_self","_self","_self")