Gallery werkt niet

Status
Niet open voor verdere reacties.
JeroenE

JeroenE

Terugkerende gebruiker
Lid geworden
20 mrt 2005
Berichten
1.950
Hoe komt het dat een eenvoudig scriptje als dit niet werkt :

HTML: 
<html>
<head>
<title>Foto's</title>
</head>
<body>
<table width="100%" height="100%">
<tr valign="middle"><td align="center" width="25%">
<script language="javascript">
<!--
function changeImg(num) {
document.getElementById("the_picture").src = "jouwmap/jouwfoto" + num + ".gif";
};
for (var i = 0; i < 25; i++) {
document.write("<a href='javascript:void(0);' onClick='return changeImg(" + i + ");'>Foto " + eval(i+1) + "</a><br>");
};
-->
</script>
</td><td align="center">
<img src="jouwmap/jouwfoto0.gif" id="the_picture">
</td></tr>
</table>
</body>
</html>

Ik heb al meerdere vormen van gallery's gemaak, maar dit is wel het eenvoudigste.
En toch werkt het niet.
Het blijkt wel te werken in firefox.
-> Hier <- een voorbeeld ervan.

Greetz : Jer:cool:en.
 
Laatst bewerkt:
Blijkt wel te werken, maar alleen de server reageert niet om het plaatje te downloaden.

Greetz : Jer:cool:en.
 
Probeer het eens met of:

function changeImg(num) {
document.getElementById("the_picture").src = "jouwmap/jouwfoto" + num + ".gif";
return false;
};

of:

document.write("<a href='javascript:changeImg(" + i + ");'>Foto " + eval(i+1) + "</a><br>");
};

1 van de 2, je gebruikt de return nl niet goed. :)

Ik schrijf even een voorbeeldje over de return bij een onclick...


Vr.Gr. Egel.

En de 2e oplossing werkt al zie ik. ;)
 
Laatst bewerkt:
:o

Je hebt gelijk, ze werken allebei.
Alleen moet die return die ik al gezet had blijven staan als ik return false aan de functie toevoeg. Laat ik die niet staan, dan heb ik in internet explorer hetzelfde probleem.
Dan maar overschakelen naar firefox, werkt veel sneller.

Ik heb voor je href gekozen. Werkt het beste in IE.

Thx :thumb:

Greetz : Jer:cool:en.
 
JeroenE zei:
Alleen moet die return die ik al gezet had blijven staan als ik return false aan de functie toevoeg. Laat ik die niet staan, dan heb ik in internet explorer hetzelfde probleem.
Klik om te vergroten...
Klopt, 1 van de 2. :)
JeroenE zei:
Dan maar overschakelen naar firefox, werkt veel sneller.
Klik om te vergroten...
Gewoon beide gebruiken, dan weet je zeker dat het goed gaat. Ik vergeet het ook nog wel eens te checken met Firefox. :o
JeroenE zei:
Ik heb voor je href gekozen. Werkt het beste in IE.
Klik om te vergroten...
Als je zeker weet dat je javascipt moet gebruiken werkt dat prima. Een 'gewone' link kun je het beste zo doen:
<a href="bloem.jpg" target="_blank" onclick="return show('bloem.jpg',300,225)">...
Dan wordt het ook zonder javascript goed geopend. Zoals bij dit onderwerp. :)


De return van de onclick zorgt ervoor dat de href wel of niet wordt geopend.
HTML: 
<script>
 function klik() {
  alert('onclick')
  };
 function klikTrue() {
  alert('onclick met return true');
  return true;
  };
 function klikFalse() {
  alert('onclick met return false');
  return false;
  };
</script>

<a href="JavaScript:alert('href');" onclick="klik();">fout</a><br>
<a href="JavaScript:alert('href');" onclick="klik(); return true;">goed (onclick & href)</a><br>
<a href="JavaScript:alert('href');" onclick="klik(); return false;">goed (onclick)</a><br>
<br>
<a href="JavaScript:alert('href');" onclick="return klik();">fout</a><br>
<a href="JavaScript:alert('href');" onclick="return klikTrue();">goed (onclick & href)</a><br>
<a href="JavaScript:alert('href');" onclick="return klikFalse();">goed (onclick)</a><br>
<br>
<a href="JavaScript:alert('href');" onclick="return confirm('href?');">goed (onclick (href))</a><br>
<br>
Zie bijlage. :cool:;)


Vr.Gr. Egel.
 

Bijlagen

Dat was even een korte, krachtige en zeeeeer goede les. :thumb:
I know so little. :o

Greetz : Jer:cool:en.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan