Hoe wil je de website zien?
Kies je kleuren
Kies de lettergrootte
Je keuze blijft bewaard op deze computer of telefoon. Ze geldt voor de hele website.
Onze e-cards zijn vernieuwd! Stuur een kaartje voor een verjaardag, als bedankje of zomaar. Bekijk de e-cards
Op bovenstaande website werd gewerkt met Flash ...JURION schreef:hallo,
ik zou foto's willen op onze website zetten, allemaal kleine foto's met een beetje tekst en wanneer je op de foto klikt dat hij dan groter word, zoals op volgende website :
http://www.kvcwesterlo.be/modules/wfcha ... pagenum=19
Hallo JURION,JURION schreef:Coderunner, dit is wat ik wil, maar het is in het Engels en daar begrijp ik niet zoveel van, is er ergens een Nederlandse vertaling, in ieder geval al bedankt
ook aan wamukota, heb jou voorbeeld ook geprobeerd maar ik krijg er maar een foto op.
groetjes
Code: Selecteer alles
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>FotoAlbum</title>
<script language="JavaScript" type="text/javascript">
// hier definieer je alle foto's, Als je meer dan 5 foto's hebt, voeg er dan afbeeldingen[5]=["foto6.jpg", "#"] aan toe en verhoog het nummer
var afbeeldingen=new Array()
afbeeldingen[0]=["foto1.jpg", "#"] // "pad en naam van de foto", "eventuele hyperlink"
afbeeldingen[1]=["foto2.jpg", "#"]
afbeeldingen[2]=["foto3.jpg", "#"]
afbeeldingen[3]=["foto4.jpg", "#"]
afbeeldingen[4]=["foto5.jpg", "#"]
// Laad foto voor deze te tonen: "ja" of "nee"
var voorladen="ja"
// optioneel: hier kun je een target invullen bij framesgebruik
var optlinktarget=""
var beeldrandbreedte=0
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
// hieronder niets meer wijzigen
if (voorladen=="ja"){
for (x=0; x<afbeeldingen.length; x++){
var ditbeeldje=new Image()
ditbeeldje.src=afbeeldingen[x][0]}}
function beeldcode(dezeafbeelding){
var beeldhtml=""
if (dezeafbeelding[1]!="")
beeldhtml='<a href="'+dezeafbeelding[1]+'" target="'+optlinktarget+'">'
beeldhtml+='<img src="'+dezeafbeelding[0]+'" border="'+beeldrandbreedte+'">'
if (dezeafbeelding[1]!="")
beeldhtml+='</a>'
return beeldhtml}
function wijzigbeeld(beeldplaatsing, beeldindex){
if (document.getElementById){
var imgobj=document.getElementById(beeldplaatsing)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()}
imgobj.innerHTML=beeldcode(afbeeldingen[beeldindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false}}
</script>
</head>
<body>
<table>
<tr>
<td width="200" height="500" valign="middle">
<!--Vervang foto1.jpg door de juiste benaming van de foto's-->
<!--Verander de width (= breedte foto) en de height (= hoogte foto) door de juiste waarde verhouding-->
<!--Plaats je meer dan 5 foto's verhoog dan de waarde in ('beeldplaatsing', nr)-->
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 0)">
<img src="foto1.jpg" width= 75 height= 50 border=0></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 1)">
<img src="foto2.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 2)">
<img src="foto3.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 3)">
<img src="foto4.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 4)">
<img src="foto5.jpg" width="75" height="50" border="0"></a><br>
</td>
<td height="300">
<!--Hier wordt de vergrootte foto getoond-->
<!-- Hoogte en breedte van deze DIV-tag instellen op de grootste afbeelding -->
<div id="beeldplaatsing" style="width:600px;height:400px"></div>
</td>
</tr>
</table>
</body>
</html>Krijg je een foutmelding dan is de code niet helemaal goed gekopieerd en/of heb je bij het wijzigen van de fotobenaming een teken vergeten, kijk deze nog eens na of geef een url waar ik de broncode kan zien waar je fout(en) zitten.heb nog een paar probleempjes, als ik over de foto's ga met de muis dan krijg ik een error melding en tekenreeksconstante is niet afgesloten
Je dient de juiste benaming van de foto's in te vullen op twee plaatsen.moet ik de foto's alleen invoegen bij <img src="foto2.jpg" width="75" height enz......
Mvg.
Code: Selecteer alles
var afbeeldingen=new Array()
afbeeldingen[0]=["foto1.jpg", "#"]
afbeeldingen[1]=["foto2.jpg", "#"]
afbeeldingen[2]=["foto3.jpg", "#"]
afbeeldingen[3]=["foto4.jpg", "#"]
afbeeldingen[4]=["foto5.jpg", "#"]Code: Selecteer alles
afbeeldingen[5]=["foto6.jpg", "#"]
enzCode: Selecteer alles
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 0)">
<img src="foto1.jpg" width= 75 height= 50 border=0></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 1)">
<img src="foto2.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 2)">
<img src="foto3.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 3)">
<img src="foto4.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 4)">
<img src="foto5.jpg" width="75" height="50" border="0"></a><br>Code: Selecteer alles
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 5)">
<img src="foto6.jpg" width="75" height="50" border="0"></a><br>Code: Selecteer alles
<a href="../../../../WEBSITE%20VETERANEN%20MAP/foto's%20kaartprijskamp%202006/Afbeelding%20100.jpg" onMouseover="wijzigbeeld('beeldplaatsing', 0)"><img src="../../../../WEBSITE%20VETERANEN%20MAP/foto's%20kaartprijskamp%202006/Afbeelding%20100.jpg" width="75" height="50" border="0"></a><br>Code: Selecteer alles
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 0)"><img src="../../../../WEBSITE%20VETERANEN%20MAP/foto's%20kaartprijskamp%202006/Afbeelding%20100.jpg" width="75" height="50" border="0"></a><br>
Let op:Code: Selecteer alles
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>spelersalbum</title>
<script language="JavaScript" type="text/javascript">
var afbeeldingen=new Array()
afbeeldingen[0]=["../../../../WEBSITE%20VETERANEN%20MAP/foto's%20kaartprijskamp%202006/Afbeelding%20100.jpg", "#"]
afbeeldingen[1]=["foto2.jpg", "#"]
afbeeldingen[2]=["foto3.jpg", "#"]
afbeeldingen[3]=["foto4.jpg", "#"]
afbeeldingen[4]=["foto5.jpg", "#"]
// Laad foto voor deze te tonen: "ja" of "nee"
var voorladen="ja"
// optioneel: hier kun je een target invullen bij framesgebruik
var optlinktarget=""
var beeldrandbreedte=0
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
// Laad foto voor deze te tonen: "ja" of "nee"
var voorladen="ja"
// optioneel: hier kun je een target invullen bij framesgebruik
var optlinktarget=""
var beeldrandbreedte=0
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
// hieronder niets meer wijzigen
if (voorladen=="ja"){
for (x=0; x<afbeeldingen.length; x++){
var ditbeeldje=new Image()
ditbeeldje.src=afbeeldingen[x][0]}}
function beeldcode(dezeafbeelding){
var beeldhtml=""
if (dezeafbeelding[1]!="")
beeldhtml='<a href="'+dezeafbeelding[1]+'" target="'+optlinktarget+'">'
beeldhtml+='<img src="'+dezeafbeelding[0]+'" border="'+beeldrandbreedte+'">'
if (dezeafbeelding[1]!="")
beeldhtml+='</a>'
return beeldhtml}
function wijzigbeeld(beeldplaatsing, beeldindex){
if (document.getElementById){
var imgobj=document.getElementById(beeldplaatsing)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()}
imgobj.innerHTML=beeldcode(afbeeldingen[beeldindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false}}
</script>
</head>
<body>
<table>
<tr>
<td width="200" height="500" valign="top" align="right">
<!--Vervang foto1.jpg door de juiste benaming van de foto's-->
<!--Verander de width (= breedte foto) en de height (= hoogte foto) door de juiste waarde
verhouding-->
<!--Plaats je meer dan 5 foto's verhoog dan de waarde in ('beeldplaatsing', nr)-->
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 0)"><img src="../../../../WEBSITE%20VETERANEN%20MAP/foto's%20kaartprijskamp%202006/Afbeelding%20100.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 1)"><img src="foto2.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 2)"><img src="foto3.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 3)"><img src="foto4.jpg" width="75" height="50" border="0"></a><br>
<a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 4)"><img src="foto5.jpg" width="75" height="50" border="0"></a><br>
</td>
<td height="300" align="center">
<!--Hier wordt de vergrootte foto getoond-->
<!-- Hoogte en breedte van deze DIV-tag instellen op de grootste afbeelding -->
<div id="beeldplaatsing" style="width:600px;height:400px"></div>
</td>
</tr> </table>
</body>
</html>
Gebruik aub GEEN spaties is folders en bestandsnamen. Dit resulteert in de "%20" html code wat de code is voor een spatie, sommige browsers hebben daar last mee.
Hoi Jurion,JURION schreef:Hoi,
als ik naar het voorbeeld ga kijken van m'n pagina krijg ik nog een foutmelding nl.
(er is een runtime-fout opgetreden, wilt u beginnen met de foutopsporing?
Regel:21
fout: tekenreeksconstante is niet afgesloten)
en als ik dan de foutopsporing doe krijg ik als fout op de volgende regel :
filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0
Duration=0.7)"
sorry voor de last maar ik ben nog maar een beginneling in html
vriendelijke groeten
Hoi JURION,JURION schreef:coderunner,
regel 24
fout ')' wordt verwacht als ik dan de foutopsporing doe kom ik aan het volgende
for (x=0; x<afbeeldingen.length; x++){
maar daar mag ik niets aan veranderen, zegt u in de tekst.
groetjes
Code: Selecteer alles
for (x=0; x<afbeeldingen.length; x++){Code: Selecteer alles
for (x=0; x<afbeeldingen.length; x++){