dit ipv de 1e body tag
- Code
<body onload="fotoboek()">
voor tussen de bodytags
- Code
<center>
<script language="JavaScript" type="text/javascript">
// hieronder de variabelen
var Beeldbreedte=120;//breedte
var Beeldhoogte=80;//hoogte
var Rand=true;//wel of geen rand ( false or true )
var Randkleur="#404040";//kleur rand
var Snelheid=15;//snelheid
var Pauze=2500; // 1 seconde = 1000
var Verticaal=0;//horizontaal of vertikaal fotoboek ( 1 of 0 )
// plaats hieronder je afbeeldingen iedere foto is apart zelfs aan een link te koppelen
Afbeeldingen=new Array(
"foto1.jpg","#",
"foto2.jpg","#",
"foto3.jpg","#",
"foto4.jpg","#",
"foto5.jpg","#",
"foto6.jpg","#" // na de laatste foto geen komma meer plaatsen
);
// Hieronder niets meer wijzigen
var BLI,BMI,BRI,BTI,HOEK=0,AFBC=6,MAXB,RICHTING=1;
var B_MSz,HALT=false;AFBV=new Array(Afbeeldingen.length);
function fotoboek(){
if(document.getElementById){
for(i=0;i<Afbeeldingen.length;i+=2){
AFBV[i]=new Image();AFBV[i].src=Afbeeldingen[i]}
BoekDiv=document.getElementById("Boek");
BLI=document.createElement("img");BoekDiv.appendChild(BLI);
BRI=document.createElement("img");BoekDiv.appendChild(BRI);
BMI=document.createElement("img");BoekDiv.appendChild(BMI);
BLI.style.position=BMI.style.position=BRI.style.position="absolute";
BLI.style.zIndex=BRI.style.zIndex=0;BMI.style.zIndex=1;
BLI.style.top=(Verticaal?Beeldhoogte+1:0)+"px";
BLI.style.left=0+"px";
BMI.style.top=0+"px";
BMI.style.left=(Verticaal?0:Beeldbreedte+1)+"px";
BRI.style.top=0+"px";
BRI.style.left=(Verticaal?0:Beeldbreedte+1)+"px";
BLI.style.height=Beeldhoogte+"px";
BMI.style.height=Beeldhoogte+"px";
BRI.style.height=Beeldhoogte+"px";
BLI.style.width=Beeldbreedte+"px";
BMI.style.width=Beeldbreedte+"px";
BRI.style.width=Beeldbreedte+"px";
if(Rand){
BLI.style.borderStyle=BMI.style.borderStyle=BRI.style.borderStyle="solid";
BLI.style.borderWidth=1+"px";
BMI.style.borderWidth=1+"px";
BRI.style.borderWidth=1+"px";
BLI.style.borderColor=BMI.style.borderColor=BRI.style.borderColor=Randkleur}
BLI.src=AFBV[0].src;
BLI.lnk=Afbeeldingen[1];
BMI.src=AFBV[2].src;
BMI.lnk=Afbeeldingen[3];
BRI.src=AFBV[4].src;
BRI.lnk=Afbeeldingen[5];
BLI.onclick=BMI.onclick=BRI.onclick=HYPERLINK;
BLI.onmouseover=BMI.onmouseover=BRI.onmouseover=STOP;
BLI.onmouseout=BMI.onmouseout=BRI.onmouseout=START;
AFBEELDINGEN()}}
function AFBEELDINGEN(){
if(!HALT){
if(Verticaal){
B_MSz=Math.abs(Math.round(Math.cos(HOEK)*Beeldhoogte));
MidOffset=!RICHTING?Beeldhoogte+1:Beeldhoogte-B_MSz;
BMI.style.top=MidOffset+"px";
BMI.style.height=B_MSz+"px"}
else{B_MSz=Math.abs(Math.round(Math.cos(HOEK)*Beeldbreedte));
MidOffset=RICHTING?Beeldbreedte+1:Beeldbreedte-B_MSz;
BMI.style.left=MidOffset+"px";
BMI.style.width=B_MSz+"px"}
HOEK+=Snelheid/720*Math.PI;
if(HOEK>=Math.PI/2&&RICHTING){
RICHTING=0;
if(AFBC==Afbeeldingen.length)AFBC=0;
BMI.src=AFBV[AFBC].src;
BMI.lnk=Afbeeldingen[AFBC+1];
AFBC+=2}
if(HOEK>=Math.PI){
RICHTING=1;
BTI=BLI;
BLI=BMI;
BMI=BTI;
if(Verticaal)BMI.style.top=0+"px";
else BMI.style.left=Beeldbreedte+1+"px";
BMI.src=BRI.src;
BMI.lnk=BRI.lnk;
setTimeout("PAUZEREN()",Pauze)}
else setTimeout("AFBEELDINGEN()",50)}
else setTimeout("AFBEELDINGEN()",50)}
function PAUZEREN(){
if(AFBC==Afbeeldingen.length)AFBC=0;
BRI.src=AFBV[AFBC].src;
BRI.lnk=Afbeeldingen[AFBC+1];
BMI.style.zIndex=2;
BLI.style.zIndex=1;
HOEK=0;
AFBC+=2;
setTimeout("AFBEELDINGEN()",50)}
function HYPERLINK(){if(this.lnk)window.location.href=this.lnk}
function STOP(){HALT=true;this.style.cursor=this.lnk?"pointer":"default"}
function START(){HALT=false}
</script>
<center>
<div id="Boek" style="position:relative">
<img src="transparant.gif" width="120" height="80">
</div>
</center>
als je op een foto drukt kom je op een nieuwe link, nou wil ik het gebruiken zoals thumbnails zodat als je op de foto drukt je een pagina met de foto in het groot krijgt.
nou opent de site waarvoor (www.geocities.com/brownboy_en_merel) ik deze code wil gebruiken zich in een pop-up, als ik dit script neer zet "verandert"de pop-up in de pagina met de foto, en omdat het een pop-up is zit er geen"vorige-knop" bij.
dus weet iemand hoe ik ervoor kan zorgen dat de foto's in een pop-up openen of waar ik ergens een target kwijt kan zodat ie ze in een nieuwe pagina open
(#= plek waar je de link moet neerzetten die hij opent als je op de foto drukt)