hoe kan ik er een link (href) in zetten?

Status
Niet open voor verdere reacties.
L

looije

Gebruiker
Lid geworden
2 apr 2002
Berichten
203
ik heb een mooi stukje javascript gevonden wat ik voor mijn website wil gebruiken.

je gaat met je muis over een thumb aan de rechterkant en in het midden komt een vergroting van de foto. nu is mijn vraag hoe kan ik een link aan de middelste foto toevoegen. deze moet dus ook veranderen als er een andere foto in het beeld staat. kan iemand me daarmee helpen? hieronder een stukje van de site, het stukje javascript.

HTML: 
<SCRIPT language=JavaScript type=text/javascript>
  var foto1 = new Image();
  var foto2 = new Image();
  var foto3 = new Image();
  foto1.src = "../foto/cora_gr.jpg";
  foto2.src = "../foto/angela_gr.jpg";
  foto3.src = "../foto/dottie_gr.jpg";
  function Voorbeeld(newfoto) { eval("document['picture'].src = " + newfoto + ".src"); }
</SCRIPT>

</head>
<body>

<div id='container'><div id='ass'><img src="../foto/cora_gr.jpg" width='300' height='400' border='0' name='picture'></div>
<div id='thumb'><a onmouseover="Voorbeeld('foto1')" href="#"><img src='../foto/cora.jpg' width='75' height='100'></a></div>
<div id='thumb'><a onmouseover="Voorbeeld('foto2')" href="#"><img src='../foto/angela.jpg' width='75' height='100'></a></div>
<div id='thumb'><a onmouseover="Voorbeeld('foto3')" href="#"><img src='../foto/dottie.jpg' width='75' height='100'></a></div></div>
 
href="#" vervangen door href="http://hiermijnlink.net/" ?

anders snap ik je vraag niet goed denkik
 
Niet getest, maar dit zou het ongeveer moeten doen denk ik.

Code: 
<SCRIPT language=JavaScript type=text/javascript>
  var foto1 = new Image();
  var foto2 = new Image();
  var foto3 = new Image();
  foto1.src = "../foto/cora_gr.jpg";
  foto1.targetUrl = "http://www.url1.nl/";
  foto2.src = "../foto/angela_gr.jpg";
  foto2.targetUrl = "http://www.url2.nl/";
  foto3.src = "../foto/dottie_gr.jpg";
  foto3.targetUrl = "http://www.url3.nl/";

  function Voorbeeld(newfoto)
  {
     if (!this.grooteImg)
       this.grooteImg = document.getElementById('grooteImg');
     if (!this.grooteUrl)
       this.grooteUrl = document.getElementById('grooteUrl');

     grooteImg.src = newfoto.src;
     grooteUrl.href = newfoto.targetUrl;

  }
</SCRIPT>

</head>
<body>

<div id='container'><div id='ass'><a href="#" id="grooteUrl"><img id="grooteImg" src="../foto/cora_gr.jpg" width='300' height='400' border='0' name='picture'></a></div>

<div id='thumb'><a onmouseover="Voorbeeld(foto1);" href="#"><img src='../foto/cora.jpg' width='75' height='100'></a></div>
<div id='thumb'><a onmouseover="Voorbeeld(foto2);" href="#"><img src='../foto/angela.jpg' width='75' height='100'></a></div>
<div id='thumb'><a onmouseover="Voorbeeld(foto3);" href="#"><img src='../foto/dottie.jpg' width='75' height='100'></a></div></div>
 
kijk helemaal super. dit is idd wat ik bedoelde.

kan ik weer verder knutselen:thumb:
 
foto's uit phpmyadmin trekken met php

Is het met deze code ook mogelijk om de foto's uit je phpmyadmin database te trekken? Bijvoorbeeld door een bepaald stukje php code te zetten achter foto.src = '<php echo=$plaatje; ?>
 
probeer het eens, zou ik zeggen ;)


*php is server-side, dus verander je de 'broncode' gewoon. Het is uiteraard mogelijk.
 
ik zou niet weten hoe..

Het probleem is alleen dat ik niet alleen zomaar een plaatje uit de database wil trekken maar een plaatje dat hoort bij een 'id'. Voor een specifiek topic een specifiek plaatje!:confused:

Ik ga eerst wel kijken of ik uberhaupt een afbeelding uit de database kan trekken met javascript en php.

Ondersteuning is welkom!
 
Nou, het ligt aan een aantal factoren. Is het een pad-naar-een-plaatje dat in de DB staat, of het plaatje zelf? In het geval dat het base64-encoded is, kan je het volgende doen:
HTML: 
<img src='data:image/png;base64,<?php echo $plaatje; ?>' />
waar $plaatje dus je b64 data is (eventueel kan je dat png gedeelte aanpassen mocht je een ander soort plaatje hebben). Zie data:uri scheme.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan