login  Naam:   Wachtwoord: 
Registreer je!
 Forum

foto vergrooten

Offline woods - 25/03/2005 17:29
Avatar van woodsNieuw lid Ik zoek een script om foto's te vergrooten.
Ik upload een groote foto en hij komt klein op de pagina.
Zodra ik er op klick komt in een popup de orginele.

3 antwoorden

Gesponsorde links
Offline barry - 25/03/2005 18:04
Avatar van barry PHP interesse Zoek naar een thumbnailscript, die staan hier ook wel... (bij scripts natuurlijk).
Offline woods - 25/03/2005 19:19
Avatar van woods Nieuw lid oke, alvast bedankt:)
Offline Legolas - 25/03/2005 19:26 (laatste wijziging 25/03/2005 19:27)
Avatar van Legolas Onbekend Zoiets vond ik op Leejoo, soort slideshow met vergroting of zo.
Plak dit in head:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript">
  2.  
  3. if(document.images) { 
  4. 		currentslide=1; 
  5. 		maxslides=6; 
  6.  
  7. 		// geef hier het aantal plaatjes in
  8.  
  9.  
  10. 		slide = new Array(maxslides+1); 
  11. 		thumb = new Array(maxslides+1); 
  12. 		for(var n=1;n<=maxslides;n++) { 
  13. 			slide[n]=new Image(76,232); 
  14. 			slide[n].src='images/slide_'+n+'.jpg'; 
  15. 		} 
  16. 		for(var n=1;n<=maxslides;n++) { 
  17. 			thumb[n]=new Image(76,58); 
  18. 			thumb[n].src='images/thumb_'+n+'.jpg'; 
  19. 		} 
  20. 	} 
  21.  
  22. 	function prevSlide() { 
  23. 		if(document.images) { 
  24. 			currentslide--; 
  25. 			if(currentslide<1) currentslide=maxslides; 
  26. 			document.images['slide'].src=thumb[currentslide].src; 
  27. 		} 
  28. 	} 
  29.  
  30.  
  31. 	function nextSlide() { 
  32. 		if(document.images) { 
  33. 			currentslide++; 
  34. 			if(currentslide>maxslides) currentslide=1; 
  35. 			document.images['slide'].src=thumb[currentslide].src; 
  36. 		} 
  37. 	} 
  38. function showFullSize() 
  39. { 
  40. 			document.images['fullsize'].src='images/slide_'+currentslide+'.jpg'; 
  41. } 
  42.  
  43. </script>

En dit in body:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <center>
  2. <table border=0 cellspacing=0 cellpadding=0>
  3.  
  4. <tr> 
  5.  
  6. <td><img src='images/slide_1.jpg' width=312 height=215 name='fullsize'></td>
  7. </tr>
  8. </table>
  9. <table border=0 cellspacing=0 cellpadding=0>
  10.  
  11. <tr> 
  12.  
  13. <td height=5 colspan=2> </td>
  14. </tr>
  15.  
  16. <tr valign=bottom align=center> 
  17.  
  18. <td height=58 colspan=2><a href='javascript:showFullSize();'><img name='slide' width=113 height=77 border=0 hspace=0 vspace=0 alt='Klik voor een volledige grootte van de foto' src='images/thumb_1.jpg'></a></td>
  19. </tr>
  20.  
  21. <tr> 
  22.  
  23. <td height=5 colspan=2> </td>
  24. </tr>
  25.  
  26. <tr> 
  27.  
  28. <td height=5 align=left><font size="5"> <a href='javascript:prevSlide()'>«</a> </font></td>
  29. <td height=5 align=right><font size="5"> <a href='javascript:nextSlide()'>»</a> </font></td>
  30. </tr>
  31. </table>

(Edit: spreekt voorzich volgens mij)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s