Dit is makkelijk te doen
maak waar je de image wil een tag <img src="<?php echo $imgid; ?>" alt="radio" />
dan boven de img tag
if($_GET['radioid'] == "1"){
$imgid = "radioveronica.png";
}en dan als link http://www.jewebsite.nl/?radioid=1
en ga zo maar door.
Dit is een voorbeeld onthou dat.
kan je makkelijk met jquery maken doormiddel van een onclick(); evenement in jquery en dan de css aanpassen (doormiddel van bijv. de achtergrond te veranderen)
Dat kan ook maar als je niks weet van ajax is mijn script makkelijker.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Jquery Background Changer</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$(".radioLink").click(function() {
var radioStation = $(this).attr("title");
$(".radioImage").css("background-color", "red");
//$(".radioImage").css("background-image", "url(/images/" + radioStation + ").jpg");
});
});
</script>
</head>
<body>
<div class="radioImage">
Test
</div>
<br />
<a class="radioLink" href="#" title="Link 1">Link 1</a> <br />
<a class="radioLink" href="#" title="Link 2">Link 2</a>
</body>
</html>dus... zo dan maar even wat uitleg erbij is net zo makkelijk 
href heeft een title nodig dit kan de naam zijn van de radio bijv. radio538 doe je title="radio538"
en dan kan je in de directory "images" de image radio538.jpg zetten en dan komt deze in de plaats van de div "radioImage"
op het moment staat deze regel gecomment met // de gene die nu actief is is om te kijken of wanneer de link geklikt wordt dat de achtergrond van de div ook rood wordt :).
om hem te gebruiken, logisch comment je de eerste regel en uncomment je de 2de
Citaat van eeykToon MeerDit is makkelijk te doen
maak waar je de image wil een tag <img src="<?php echo $imgid; ?>" alt="radio" />
dan boven de img tag
PHPif($_GET['radioid'] == "1"){ $imgid = "radioveronica.png"; }
en dan als link http://www.jewebsite.nl/?radioid=1
en ga zo maar door.
Dit is een voorbeeld onthou dat.
Waar haal ik dat ID vandaan dan? werk niet met een DB
Nieuwe reactie samengevoegd met originele reactie op 22.07.11 00:01:10:
Citaat van PatrickToon MeerPHPToon Meer<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>Jquery Background Changer</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script> <script language="javascript"> $(document).ready(function(){ $(".radioLink").click(function() { var radioStation = $(this).attr("title"); $(".radioImage").css("background-color", "red"); //$(".radioImage").css("background-image", "url(/images/" + radioStation + ").jpg"); }); }); </script> </head> <body> <div class="radioImage"> Test </div> <br /> <a class="radioLink" href="#" title="Link 1">Link 1</a> <br /> <a class="radioLink" href="#" title="Link 2">Link 2</a> </body> </html>
dus... zo dan maar even wat uitleg erbij is net zo makkelijk
href heeft een title nodig dit kan de naam zijn van de radio bijv. radio538 doe je title="radio538"
en dan kan je in de directory "images" de image radio538.jpg zetten en dan komt deze in de plaats van de div "radioImage"
op het moment staat deze regel gecomment met // de gene die nu actief is is om te kijken of wanneer de link geklikt wordt dat de achtergrond van de div ook rood wordt :).
om hem te gebruiken, logisch comment je de eerste regel en uncomment je de 2de
Maar mijn div hoeft niet te veranderen.. alleen de afbeelding?
je verandert de afbeelding binnen die div niet de div zelf je kan met jquery alle css van een div aanpassen zonder de pagina te hoeven herladen
Citaat van Patrickje verandert de afbeelding binnen die div
Werkt niet.. zie: http://militaire-in-uruzgan.nl/radio/test.html
Waar is die waar test in stond? die is nodig anders zie je inderdaad niks nee
deze link:
http://militaire-in-uruzgan.nl/images/radio/radionl.gif
doet het niet en probeer het is opnieuw te kopieren
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Jquery Background Changer</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$(".radioLink").click(function() {
var radioStation = $(this).attr("title");
//$(".radioImage").css("background-color", "red");
$(".radioImage").css("background-image", "url('images/" + radioStation + ".jpg')");
});
});
</script>
<style type="text/css">
.radioImage {
width: 100px;
height: 100px;
background: purple;
}
</style>
</head>
<body>
<div class="radioImage">
Test
</div>
<br />
<a class="radioLink" href="#" title="Link 1">Link 1</a> <br />
<a class="radioLink" href="#" title="radio538">Link 2</a>
</body>
</html>zo werkt bij mij en dan dat is de structuur zo:
index.html
--> images (map)
ik heb hem nu zelf helemaal getest
Heb je nog geen account? Registreer je nu en word deel van onze community!