Variabele in image source

[Jos1270]

Hoi mensjes,

Ik echt een newb met computeren en ik probeer gewoon wat uit.
Ik wil graag een site maken waar ik kleurplaten op wil zetten.
Als je op het plaatje klikt ga je naar de site van de vergrote versie.
Er moeten er honderen op komen te staan en elke pagina bevat 30 plaatJES.

Ik ben er al aardig lang mee bezig, maar ik bedenk me nu of het niet veel sneller kan.
Kan ik een variabele in de image source EN LINK plaatsen zodat ik alleen het eerste plaatje hoef te nummer. Zoiets als:

variabele = 30

<img src="variabele.jpg">
<img src="variable+1.jpg>

Die plaatjes moeten gelinkt worden aan de ander pagina wat ik een andere keer zal vragen, maar kan iemand me alvast met dit probleem helpen?

Ik houd het graag zo simpel mogelijk, dus alleen javascript en html graag.

Jos1270

 

[That Guy]

HTML is geen programmeertaal maar een markuptaal; het heeft geen variabelen, geen control structures, enzovoorts. Om zoiets te doen kan je OF een server-side script (zoals PHP) OF client-side Javascript. Zoals je zelf aangeeft wil je het liefst Javascript gebruiken, dat komt mooi uit, want dat kan ik . Je moet je overigens wel eens afvragen of het wel handig is, want er zijn browsers die geen Javascript aan hebben staan of het niet (volledig) ondersteunen.


Wat dacht je van zoiets:

plaats dit op de plek waar je al je plaatjes wilt:

<div id='plaatjes'></div>

dit onderaan je pagina, net voor je einde-body-tag (</body>):
[js]
var img, i
aantal = 30,
waar = document.getElementById('plaatjes');

for(i=0; i<aantal; i++)
{
img = new Image();

img.src = "variabele" + i + ".jpg";

waar.appendChild(img);
}[/js]​

dit zal in de <div> dus 30 plaatjes zetten, genaamd "variabele0.jpg" t/m "variabele29.jpg".



:thumb:

 

[RoboticPro]

Dat werkt als alle namen het zelfde zijn
je zou ook gewoon alle plaatjes uit de map kunnen halen
en die dan in de src atribuut invullen.

 

[Jos1270]

Even voor de duidelijkheid alle plaatjes zijn gewoon genummerd en png.
Het hoeft niet per see door álle browsers ondersteund te worden.
Ik zie dat ik het graag in javascript zou willen, maar ik snap er niks van.
Ik vond het heel fijn dat er zo snel reacties waren, maar hij doet het niet echt bij mij.
Kan het misschien echt stap voor stap?
Ik heb te plaatjes in een tabel gezet want ik probeer zo veel mogelijk met HTML te doen.
Kan het ook met een link naar de site, ook met een variabele