bijschrift bij plaatjes
Nu wil ik nog een bijschrift bij de foto hebben.
Heeft iemand een goed idee hoe dat zou kunnen?
(zegt w3c, als ik dat niet doe is mijn pag niet valid)
Afhankelijk van wat jij wilt, de mogelijkheden zijn eindeloos...
Je kan ook een array maken met een naam van een foto en een beschrijving.
Maar als je je werkt met een database en het bijschrift koppelt aan een id of een bestandnaam onstaat er een conflict als je foto's verwijderd of toevoegd in de directory.
Ik maak nu al een array aan waar de foto's in worden geplaatst.
Een stukje van mijn code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<?php
\\
<tr>
<td class="main">
<table>
<tr>
<td style="width: 20px;">
[code]<?
$handle = opendir('img/sport');
$files = array();
while (false!==($file = readdir($handle))) {
if ($file != "." && $file != "..") {
$files[] = $file;
echo "<table><tr><td style=\"width: 20px; text-align: center;\"><a href=\"#\" onClick=\"return false\" onMouseOver=\"sport('<img border=1 src=img/sport/$file>')\"><img src=\"img/sport/$file\" width=\"9\" height=\"9\" style=\"border: 2px solid #2D1664;\"></a><br></td></tr></table>";
}}
?>
</td>
</tr>
</table>
</td>
<td id="sport" class="fotokader">
<?
$random = mt_rand(0, count($files) - 1);
echo "<img style=\"border: 1px solid #000000\" src=\"img/sport/$files[$random]\">";
closedir($handle);
?>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td>Hier bijschrift bij foto</td>
<td></td>
</tr>
?>
\\
<tr>
<td class="main">
<table>
<tr>
<td style="width: 20px;">
[code]<?
$handle = opendir('img/sport');
$files = array();
while (false!==($file = readdir($handle))) {
if ($file != "." && $file != "..") {
$files[] = $file;
echo "<table><tr><td style=\"width: 20px; text-align: center;\"><a href=\"#\" onClick=\"return false\" onMouseOver=\"sport('<img border=1 src=img/sport/$file>')\"><img src=\"img/sport/$file\" width=\"9\" height=\"9\" style=\"border: 2px solid #2D1664;\"></a><br></td></tr></table>";
}}
?>
</td>
</tr>
</table>
</td>
<td id="sport" class="fotokader">
<?
$random = mt_rand(0, count($files) - 1);
echo "<img style=\"border: 1px solid #000000\" src=\"img/sport/$files[$random]\">";
closedir($handle);
?>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td>Hier bijschrift bij foto</td>
<td></td>
</tr>
?>
Arjan:
Tja, jammer voor w3c maar ik lig daar niet wakker van, ik bedoel.. je kan ook overdrijven met dat valideren. Denk aan de gebruikers, niet aan de regeltjes.
Voor de gebruiker geen verschil ;)
Maar ik ben het met je eens!
Arjan:
Door de alt- en title-atributen netjes met relevante data te vullen, denk je juist aan de gebruikers. Dit is met name van belang voor gebruikers van screenreaders. Tja, jammer voor w3c maar ik lig daar niet wakker van, ik bedoel.. je kan ook overdrijven met dat valideren. Denk aan de gebruikers, niet aan de regeltjes.
En wat dacht je van een langzame internetverbinding? De alt- en title-data is al lang en breed beschikbaar voordat het plaatje er is.
Hier is toch wel een klein beetje over nagedacht door w3c...