 |
|
|
Zoeken • Gebruikerslijst • Gebruikersgroepen
• Registreer
• Profiel • Log in om je privé berichten te bekijken
• Ben je al lid? Log in!
|
|
|
|
|
Sponsors:
Relaties:
|
|
Nieuw onderwerpNieuw antwoord
| hocus-pocus |
 Geplaatst op 11-10-2012 |
 |
Gevorderd lid
|
Hallo,
Onderstaand script wil ik gaan gebruiken om een fotogallerie op mijn website te zetten. De site staat nog niet online.
Bij dit script is het zo dat de cijfers (waar je op klikt om de foto's te zien) ONDER de foto's staan.
Ik wil de cijfers echter rechts ernaast hebben en dan onder elkaar.
Kan iemand dit?
Groeten.
| Code: | <script language=javascript>
/***********************************************************/
/* let op Alle plaatjes moeten dezelfde grootte hebben*/
/***********************************************************/
bilder = new Array("N1.JPG","N2.JPG","N3.JPG","N4.JPG","N5.JPG","N6.JPG","N7.JPG","N8.JPG","N9.JPG","N10.JPG"); // naam van plaatjes
/**************************************************/
rahmenBreite = 540; // de breedte van dit raam is dezelfde als het plaatje
rahmenHoehe = 405; // de hoogte van dit raam is dezelfde als het plaatje
rahmenRand = 2; //breedte rand
rahmenStil = "solid"; // stijl
rahmenFarbe = "ffffff"; // kleur rand
rahmenHintergrundFarbe = "000000"; // achtergrond kleur tabel
schriftArt = "verdana"; // lettertype
schriftFarbe = "ffffff"; // letterkleur
schriftGroesse = 1; // styl letters grootte
trennZeichen = "-"; // teken tussen de links
srollVarianten =1; // 0 = plaatjes gaan van onderen naar boven, 1 = van rechts naar links
/*********************************************************/
document.write("<center>"
+"<div id='rahmen' style='width:"
+(rahmenBreite+40)+"; height:"
+(rahmenHoehe+40)+"; border:"
+rahmenRand+"px "
+rahmenStil+" #"
+rahmenFarbe+"; background-color:#"
+rahmenHintergrundFarbe+";overflow:hidden'>");
(srollVarianten==0) ?
document.write("<div id='jumper' style='position:relative;top:18;left:0'>") :
document.write("<div id='jumper' style='position:relative;left:18;top:18'>");
(srollVarianten==0) ?
document.write("<table width="
+rahmenBreite+" cellspacing=0 cellpadding=0>") :
document.write("<table height="
+rahmenHoehe+" cellspacing=0 cellpadding=0>");
for (i=0;i<bilder.length;i++)
{
(srollVarianten==0) ?
document.write("<tr><td width="
+rahmenBreite+" height="
+rahmenHoehe+">") :
document.write("<td width="
+rahmenBreite+" height="
+rahmenHoehe+">");
(srollVarianten==0) ?
document.write("<img src="+bilder[i]+"></td></tr>"
+"<tr><td height=25></td></tr>") :
document.write("<img src="+bilder[i]+"></td>"
+"<td><div style='width:25'></div></td>");
}
document.write("</table></div></div><br>");
for (i = 0; i < bilder.length; i++)
{
if (i == bilder.length-1) trennZeichen = "";
(srollVarianten==0) ?
(i == 0) ? posY = 0 : posY = (rahmenHoehe*i)+(25*i) :
(i == 0) ? posY = 0 : posY = (rahmenBreite*i)+(25*i);
document.write("<a href='javascript:getPos("
+posY+")' onfocus='this.blur()' style='text-decoration:none'><font size="
+schriftGroesse+" color="
+schriftFarbe+" face="
+schriftArt+">"+(i+1)+"</font></a>"
+"<font style='cursor:default'> "
+trennZeichen+" </font>");
}
document.write("</center>");
var thePos=dimx=Dimx=0,time;
function getPos(pos)
{
thePos = pos-(pos*2)+18;
browser = navigator.appName;
usAgent = navigator.userAgent;
if (browser == "Microsoft Internet Explorer" || usAgent.indexOf("Opera") >- 1)
clearTimeout(time);
dmx();
}
function dmx()
{
time = setTimeout("dmx()",0);
dimx = Math.round(Dimx+=((thePos)-Dimx)*4/20);
if (document.getElementById)
{
(srollVarianten==0) ?
document.getElementById("jumper").style.top = dimx :
document.getElementById("jumper").style.left = dimx;
}
else if (document.all)
{
(srollVarianten==0) ?
document.all["jumper"].style.top = dimx :
document.all["jumper"].style.left = dimx;
}
if (thePos == dimx) clearTimeout(time);
}
</script> |
"...en hij kauwde op de taaie groezelige brij die leven heet.." |
|
|
