title: Change image on click with Bootstrap JS radio button
body: <p>I'm using the latest version of Bootstrap and I want to use the javascript radio button to change between two pictures.</p>
  
  <p>I got two images, let say Image1 and Image2. Underneath I want to use a radio button with two options; "Show Image1" and "Show Image2". Image1 should be showed as default. When I push "Show Image2" Image1 should disappear and be replaced with Image2, if I push "Show Image1" after that, Image1 should be showed again. </p>
  
  <p>The appearance should be something like this:
  <a href="http://i.solidfiles.net/246a3403cb.png" rel="nofollow">http://i.solidfiles.net/246a3403cb.png</a></p>
  
  <p>Is it possible to do this with html/css/js? I would really appreciate if someone could make an JS Fiddle and explain how to do this the best way. Using a css/html hack doesn't feel like a good way doing this... </p>
  
  <p><a href="http://getbootstrap.com/javascript/#buttons-examples" rel="nofollow">Twitter Bootstrap Radio Button</a> (Scroll down to "Radio")</p>