Hoihoi,
Op mijn website bezit ik een Javascript om foto's in klein formaat te showen, deze zijn aanklikbaar en dan opent de foto in groot formaat en kan je naar de vorige of volgende foto's. Dit script heb ik lang geleden gehad van een member van dit forum. Het bestaat uit 2 bestanden, een .html bestand en een .js bestand. Dit is het .js bestand:
Dit bestand wil ik aanpassen en een achtergrondkleur etc. geven, het lijkt zo simpel maar ik krijg het niet voor elkaar! <script> tags al gebruikt om dit script heen en vervolgens een stylesheet toegevoegd, maar het werkt niet. Hopelijk ku nnen jullie mij vertellen wat ik moet doen om dit te kunnen aanpassen?
Groetjes
Op mijn website bezit ik een Javascript om foto's in klein formaat te showen, deze zijn aanklikbaar en dan opent de foto in groot formaat en kan je naar de vorige of volgende foto's. Dit script heb ik lang geleden gehad van een member van dit forum. Het bestaat uit 2 bestanden, een .html bestand en een .js bestand. Dit is het .js bestand:
HTML:
function changeImg(sign) {
var pic = document.fotoForm.fotoNum.value-1;
if (sign == "-") {
if (pic > 0) {
pic--;
} else {
pic=35;
};
} else {
if (pic < 35) {
pic++;
} else {
pic=0;
};
};
document.display.src = "opbouw/groot" + pic + ".PNG";
document.fotoForm.fotoNum.value = pic+1;
};
function popUpWin(num,w,h) {
var l = (screen.width - w) / 2;
var t = (screen.height - h) / 2;
var htmlCode = "<html><head><title>Opbouw</title><script language='javascript' src='opbouw.js'>" +
"</script></head>" +
"<body><table width='100%' height='100%'>" +
"<tr valign='middle'><td align='center' height='15%'>" +
"<a href='javascript:window.close();' style='text-decoration:none'>Sluit dit venster</a>" +
"</td></tr><tr valign='middle'><td align='center'>" +
"<img name='display' src=/opbouw/groot" + num + ".PNG'>" +
"</td></tr><tr valign='middle'><td align='center' height='15%'><form name='fotoForm'><a href='javascript:changeImg(\"-\");' style='text-decoration:none'>vorige</a> " +
"<input name='fotoNum' value='" + eval(num+1) + "' style='width:15px;border:1px;text-align:right'> van 36 " + // de 25 verander je in het aantal foto's dat je hebt
"<a href='javascript:changeImg(\"+\");' style='text-decoration:none'>volgende</a></form></td></tr>" +
"</table></body>" +
"</html>";
popupProps = "width="+w+",height="+h+",left="+l+",top="+t+",scrollbars="+scroll;
newWindow = window.open('','fotoPopup',popupProps);
newWindow.document.writeln(htmlCode);
};Dit bestand wil ik aanpassen en een achtergrondkleur etc. geven, het lijkt zo simpel maar ik krijg het niet voor elkaar! <script> tags al gebruikt om dit script heen en vervolgens een stylesheet toegevoegd, maar het werkt niet. Hopelijk ku nnen jullie mij vertellen wat ik moet doen om dit te kunnen aanpassen?
Groetjes
en.
