html vraagje

Moderators: Dani, ynskek, Ladybird, Hanmar, xingridx, Mjetterd, Polly, Giolli

Antwoord op onderwerpPlaats een reactie
 
 
Anoniem

html vraagje

Link naar dit bericht Geplaatst: 27-04-04 21:02

ik heb een fotoboekje ergens op i-net gevonden met code

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)


Romkabouter

Berichten: 21721
Geregistreerd: 25-06-02
Woonplaats: Donkerbroek

Link naar dit bericht Geplaatst: 27-04-04 22:39

De site niet in een pop-up openen is misschien een idee ?

Mijn woorden zijn mijn woorden en mijn mening. Deze graag alleen mij aanrekenen en niet mijn geliefden/vrienden/kennissen of een combi daarvan!

SuperPepeijn

Berichten: 13113
Geregistreerd: 21-03-02
Woonplaats: Gouda

Link naar dit bericht Geplaatst: 27-04-04 22:41

als je een html fotoboek wilt genereren dan is daar gratis software voor te vinden op internet, heel makkelijk.

Amor Vincit Omnia

Sypheron

Berichten: 15209
Geregistreerd: 06-12-01

Link naar dit bericht Geplaatst: 27-04-04 23:37

Hmm ik snap je vraag niet helemaal. Bovendien bevat het hier een javascript vraag en geen html vraag, aangezien ik wel aanneem dat het probleem zich in het javascript gedeelte bevindt.

Anoniem

Link naar dit bericht Geplaatst: 28-04-04 07:26

Als ik het goed begrijp wil je dus dat de foto's niet in een nieuw scherm worden getoont. Of zit ik er nu naast?
Dat kun je in het scriptje vrij eenvoudig aanpassen.
En dit is inderdaad een JavaScript vraagje Knipoog

Scum

Berichten: 33098
Geregistreerd: 11-08-03

Link naar dit bericht Geplaatst: 28-04-04 09:01

Sypheron schreef:
Hmm ik snap je vraag niet helemaal. Bovendien bevat het hier een javascript vraag en geen html vraag, aangezien ik wel aanneem dat het probleem zich in het javascript gedeelte bevindt.

Hier sluit ik me bij aan....

Romkabouter

Berichten: 21721
Geregistreerd: 25-06-02
Woonplaats: Donkerbroek

Link naar dit bericht Geplaatst: 28-04-04 09:41

Een popup functie die wel leuk werkt:
Code
function openWindow(theURL,fotoWidth,fotoHeight) { //v2.0
pictwin = window.open('','','resizeable=no,width='+fotoWidth+',height='+fotoHeight+'');
pictwin.moveTo( screen.availWidth/2-(fotoWidth/2) , screen.availHeight/2-(fotoHeight/2));
pictwin.document.write('<title>Pictures</title>');
pictwin.document.write('<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0>');
pictwin.document.write('<a href="#"><img src="'+theURL+'" border=0 onClick="window.close();" >');
pictwin.document.write('</body>');   
pictwin.document.close();
}


Aanroep in html
Code
<a href="#" onClick="openWindow('plaatje.jpg','640','480')"><img src="thumbplaatje.jpg" border="0"></a>


640 en 480 zou je moeten vervangen door de afmetingen van je plaatje. Je krijgt dan in het midden van het scherm een venster met dat plaatje, wat ook precies zo groot is als het plaatje. Als je op dat plaatje in het venster klikt sluit het venster weer.

Misschien heb je er iets aan Lachen

Mijn woorden zijn mijn woorden en mijn mening. Deze graag alleen mij aanrekenen en niet mijn geliefden/vrienden/kennissen of een combi daarvan!

Tinus19
Berichten: 269
Geregistreerd: 21-10-03
Woonplaats: Leusden

Link naar dit bericht Geplaatst: 28-04-04 10:13

Code
<html>
<head>
<center>
[...]

function HYPERLINK(){msg=open("","NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=800,height=600");}
function STOP(){HALT=true;this.style.cursor=this.lnk?"pointer":"default"}
function START(){HALT=false}
</script>
</head>
<body onload="fotoboek()">
<center>
   <div id="Boek" style="position:relative">
      <img src="transparant.gif" width="120" height="80">
   </div>
</center>
</body>
</html>

Onderaan in het script de functie "HYPERLINK" even aanpassen Lachen

Anoniem

Link naar dit bericht Geplaatst: 28-04-04 11:20

okee bedankt allemaal (het was idd een javascript Bloos) denk dat ik aan sommige antwoorden wel iets heb Lachen

Anoniem

Link naar dit bericht Geplaatst: 28-04-04 12:06

Tinus19 schreef:
Code
<html>
<head>
<center>
[...]

function HYPERLINK(){msg=open("","NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=800,height=600");}
function STOP(){HALT=true;this.style.cursor=this.lnk?"pointer":"default"}
function START(){HALT=false}
</script>
</head>
<body onload="fotoboek()">
<center>
   <div id="Boek" style="position:relative">
      <img src="transparant.gif" width="120" height="80">
   </div>
</center>
</body>
</html>

Onderaan in het script de functie "HYPERLINK" even aanpassen Lachen


als ik dit invoeg opent die wl in een neiuwe pop-up maar kijrg ik de foto niet te zien Scheve mond


Sypheron

Berichten: 15209
Geregistreerd: 06-12-01

Link naar dit bericht Geplaatst: 28-04-04 12:08

Je moet wel transparant.gif veranderen in de naam van jouw foto he Knipoog

Anoniem

Link naar dit bericht Geplaatst: 28-04-04 12:18


Romkabouter

Berichten: 21721
Geregistreerd: 25-06-02
Woonplaats: Donkerbroek

Link naar dit bericht Geplaatst: 28-04-04 12:19

Die hyperlink functie open alleen een nieuw venster, je moet ook nog het plaatje meegeven Lachen

Mijn woorden zijn mijn woorden en mijn mening. Deze graag alleen mij aanrekenen en niet mijn geliefden/vrienden/kennissen of een combi daarvan!


Antwoord op onderwerpPlaats een reactie

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 6 bezoekers