Javascript

Status
Niet open voor verdere reacties.

motower

Gebruiker
Lid geworden
10 aug 2004
Berichten
472
Weet iemand waar ik aan een scriptje kan komen dat bij het laden van een pagina telkens een ander plaatje laat zien?
 
Zoiets?:

Code:
<script language=”JavaScript”>
<!--
var afbLijst = new Array;
afbLijst[0] = “afb1.jpg”;
afbLijst[1] = “afb2.jpg”;
afbLijst[2] = “afb3.jpg”;
afbLijst[3] = “afb4.jpg”;
var afbKeuze = Math.floor(Math.random() * afbLijst.length);
document.write(‘<img src=”’ + afbLijst[afbKeuze] + ‘“>’);
//-->
</script>

Uiteraard afb1 enz. vervangen door bestaande afbeeldingen. Waar je de code plaatst komt de afbeelding te staan.
 
Hallo! Heb het scriptje ingevoerd, maar er gebeurd niets??? - ook geen fout op de pagina....
 
Dit werkt perfect.
Staan je afbeeldingen in een andere map dan het htm-bestand, dan moet je voor "afb.jpg" de map zetten mat een slash ==>images/'" + afbLijst[afbKeuz] +....

HTML:
<script language="JavaScript">
<!--
var afbLijst = new Array;
afbLijst[0] = "afb1.jpg";
afbLijst[1] = "afb2.jpg";
afbLijst[2] = "afb3.jpg";
afbLijst[3] = "afb4.jpg";
var afbKeuze = Math.floor(Math.random() * afbLijst.length);
document.write("<img src=images/" + afbLijst[afbKeuze] + "'>");
//-->
</script>

Greetz : Jer:cool:en.
 
Laatst bewerkt:
Hoi, ik heb dat gedaan als volgt (gekeken naar een andere image uit dezelfd map, dus de verwijzing moet in principe goed zijn) en er gebeurt nog niets.....
Wat doe ik fout?


<script language=”JavaScript”>
<!--
var afbLijst = new Array;
afbLijst[0] = “../images/indexbanner01.gif”;
afbLijst[1] = “../images/indexbanner02.gif”;
afbLijst[2] = “../images/indexbanner03.gif”;
afbLijst[3] = “../images/indexbanner04.gif”;
var afbKeuze = Math.floor(Math.random() * afbLijst.length);
document.write(‘<img src=”’ + afbLijst[afbKeuze] + ‘“>’);
//-->
</script>
 
motower zei:
Wat doe ik fout?

<script language=”JavaScript”>
<!--
var afbLijst = new Array;
afbLijst[0] = “../images/indexbanner01.gif”;
afbLijst[1] = “../images/indexbanner02.gif”;
afbLijst[2] = “../images/indexbanner03.gif”;
afbLijst[3] = “../images/indexbanner04.gif”;
var afbKeuze = Math.floor(Math.random() * afbLijst.length);
document.write(‘<img src=”’ + afbLijst[afbKeuze] + ‘“>’);
//-->
</script>
Alle qoutes zijn (schuine) begin- en eindqoutes. Met:

<script language="JavaScript">
<!--
var afbLijst = new Array();
afbLijst[0] = "../images/indexbanner01.gif";
afbLijst[1] = "../images/indexbanner02.gif";
afbLijst[2] = "../images/indexbanner03.gif";
afbLijst[3] = "../images/indexbanner04.gif";
var afbKeuze = Math.floor(Math.random() * afbLijst.length);
document.write('<img src="' + afbLijst[afbKeuze] + '">');
//-->
</script>


zou het prima moeten gaan. :)

Voor broncode kun je het beste een simpele tekstverwerker zoals wordpad gebruiken.


Vr.Gr. Egel.
 
Tja, ik begrijp niet zo goed wat je bedoeld. Als ik mijn codes met die van jouw vergelijk dan is het toch hetzelfde?
 
Egel zei:
Alle qoutes zijn (schuine) begin- en eindqoutes.

Dit wil zeggen dat de aanhalingstekens bij jou schuin staan terwijl die recht zouden moeten staan.
Ik had het veranderd in mijn aanvulling op het script.

Greetz : Jer:cool:en.
 
De foute qoutes stonden al in de de reactie van hackerfrans. In Arial is het verschil echter niet te zien! :)

attachment.php


De groene zijn de goede qoutes.

Onderstaand scriptje werkt ook:
Code:
<script type="text/javascript">
 <!--
  var afbLijst = new Array('01','02','03','04');
  document.write('<img src="../images/indexbanner' + afbLijst[Math.floor(Math.random() * afbLijst.length)] + '.gif">');
 //-->
</script>
Vr.Gr. Egel.
 

Bijlagen

  • speciale_tekens.gif
    speciale_tekens.gif
    7,9 KB · Weergaven: 104
Laatst bewerkt:
Hoi, ik ben nu een paar dagen weg, maar bedankt voor jullie support. Ga het van de week proberen en laat wat van me weten.
 
Hallo, helemaal geweldig het werkt! Maar nu dacht ik ..... kun je ook bij elke afbeelding een aparte link naar een pagina/website maken?
 
Ja dat kan.
Voeg het volgende toe aan je script :

HTML:
var link = new Array();
link[0] = "eerste link";
link[1] = "tweede link";
link[2] = "derde link";
link[3] = "vierde link";

Verander het volgende:
HTML:
document.write("<img src='images/" + afbLijst[afbKeuze] + "'>");
in
HTML:
document.write("<a href='" + link[afbKeuze] + "'><img src='images/" + afbLijst[afbKeuze] + "'></a>");

Succes.

Greetz : Jer:cool:en.
 
Hallo, ik heb het als volgt gedaan, nu krijg ik wel de verschillende links die werken, maar de images doen het nu niet meer (je ziet, ik ben wat dat betreft echt een nitwit)
???



<script language="JavaScript">
<!--
var link = new Array();
link[0] = "woongebieden/map.htm";
link[1] = "sponsors.htm";
link[2] = "fotowedstrijd.htm";
link[3] = "woongebieden/map.htm";

var afbLijst = new Array;
afbLijst[0] = "../images/indexbanner01.gif";
afbLijst[1] = "../images/indexbanner02.gif";
afbLijst[2] = "../images/indexbanner03.gif";
afbLijst[3] = "../images/indexbanner01.gif";
var afbKeuze = Math.floor(Math.random() * afbLijst.length);
document.write("<a href='" + link[afbKeuze] + "'><img src='images/" + afbLijst[afbKeuze] + "'></a>");
//-->
</script>
 
Dit is je probleem :
motower zei:
afbLijst[0] = "../images/indexbanner01.gif";
afbLijst[1] = "../images/indexbanner02.gif";
afbLijst[2] = "../images/indexbanner03.gif";
afbLijst[3] = "../images/indexbanner01.gif;
Laat die "../images/" eens weg.

Greetz : Jer:cool:en.
 
Heb ik geprobeerd, maar toch nog een kruis. Voordat ik het tweede deel van het script erin zette deden de images het wel in het is ook de juist map dus ik denk dat het daar niet aan kan liggen. Ik zal wel iets fout hebben gedaan met de volgorde of zo van wat jij het laatst schreef dat ik erbij moest zetten voor die links aan te maken, misschien heb ik heel het script nu van volgorde veranderd?. De links werken overigens wel.....
 
Jawel, ik heb het gevonden!
Het ging inderdaad over de image source:

i.p.v.:

document.write("<a href='" + link[afbKeuze] + "'><img src='images/" + afbLijst[afbKeuze] + "'></a>");

moest het zijn:

document.write("<a href='" + link[afbKeuze] + "'><img src='../images/" + afbLijst[afbKeuze] + "'></a>");


Nu probeer ik het nog mooier te maken, want nu verschijnt er een omlijning rond mijn image en dat wil ik niet. Zelf al verschillende dingen geprobeerd, maar geen resultaat ....Hoe te doen????
 
Gewoon achter de src van je img border='0' zetten :

document.write("<a href='" + link[afbKeuze] + "'><img src='../images/" + afbLijst[afbKeuze] + "' border='0'></a>");

Greetz : Jer:cool:en.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan