Tekst en afbeelding verbinden
ik kom er even niet meer uit met de php. Ik wil namelijk dat als je op 'tekst1' klikt, dat je 'afbeelding1' te zien krijgt en klik je op 'tekst2', dat 'afbeelding2' verschijnt op de plek van afbeelding1. Zie hieronder:
Voorbeeld.
Ik hoop dat het zo duidelijk is, heb dit even snel met photoshop in elkaar gezet.
Nu dus de vraag, hoe maak ik dit in html? Niet de afbeelding, maar echt als tekst.
Groeten,
Rubèn
Gewijzigd op 04/02/2012 13:45:30 door Ruben Fonteijne
bedankt voor je snelle reactie. Hij geeft bij alleen een foutmelding in regel 13 met een streepje onder de }.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Gewijzigd op 04/02/2012 14:03:46 door Ruben Fonteijne
LINK
Moet ik nog iets in die code veranderen? Heb de afbeeldingen staan in "../images/ridersky.png"
Toevoeging op 04/02/2012 14:11:29:
Dat ie naar de volgende regel gaat, is omdat de
Code (php)
1
<?php ... ?>
Dit is wat ik nu in 'nieuws.php' heb staan:
<div class="fotos">
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</div>
css van class="fotos":
.fotos
{
width: 330px;
height: 387px;
float: left;
margin: 0px 0px 0px 50px;
}
Ruben Fonteijne op 04/02/2012 14:35:19:
Dit is wat ik nu in 'nieuws.php' heb staan:
En waar verwijzen de hyperlinks naar? Inderdaad, naar url.php. oftewel url.php?img=1 moet worden nieuws.php?img=1
Code (php)
En als ik op Racefiets klik, geeft ie aan dat ie nieuws.php?img=1 niet kan vinden..
Met bovenstaande code zal sowieso geen afbeelding worden getoond, maar alleen de tekst ridersky.png of ttsky.png (of selecteer een afbeelding).
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
echo '<a href="?img=1">RACEFIETS</a> - <a href="?img=2">TIJDRITFIETS</a>';
if (isset($_GET['img'])) {
switch($_GET['img']) {
case 1:
echo '<img src="ridersky.png" alt="RiderSky" />';
break;
case 2:
echo '<img src="ttsky.png" alt="TTSky" />';
break;
}
}else{
echo '<img src="geenfoto.png" alt="selecteer een afbeelding" />';
}
?>
echo '<a href="?img=1">RACEFIETS</a> - <a href="?img=2">TIJDRITFIETS</a>';
if (isset($_GET['img'])) {
switch($_GET['img']) {
case 1:
echo '<img src="ridersky.png" alt="RiderSky" />';
break;
case 2:
echo '<img src="ttsky.png" alt="TTSky" />';
break;
}
}else{
echo '<img src="geenfoto.png" alt="selecteer een afbeelding" />';
}
?>
Gewijzigd op 04/02/2012 16:25:41 door Bas van de Steeg
Code (php)
1
2
3
2
3
8. echo '<img src="ridersky.png" alt="RiderSky" />';
11. echo '<img src="ttsky.png" alt="TTSky" />';
15. echo '<img src="geenfoto.png" alt="selecteer een afbeelding" />';
11. echo '<img src="ttsky.png" alt="TTSky" />';
15. echo '<img src="geenfoto.png" alt="selecteer een afbeelding" />';
De plaatjes goed staan dus
ridersky.png
ttsky.png
geenfoto.png
en dan werkt het al!
Gewijzigd op 04/02/2012 16:43:32 door Bas van de Steeg