Hallo zusammen!
Ich möchte auf meiner Homepage einen Code einfügen, der Besucher dazu befähigt, per Mausklick auf z.B. einen Namen ein Bild anzuzeigen.
Ich habe mir das in etwa so vorgestellt;
Max Mustermann 1
Max Mustermann 2
Max Mustermann 3
(Bild erscheint bei Klick auf den Namen. Bild 2 erscheint an der selben Position bei klick auf den Namen 2 usw.)
Ist dies möglich?
Ich habe recherchiert und folgende Funktion gefunden, wobei ich leider keine Ahnung habe, wie ich diese umstrukturier, so dass meine Idee aufgeht.
Code
<a id="show_image">Name 1</a>
<img id="my_images" style="display:none" src="http://www.xyz.jpg" height="400" width="350">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#show_image').on("click", function(){
$('#my_images').show('slow');
});
});
</script>Vielen Dank im Voraus!!