JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<ul>
     <li><a href="#1">Image #1</a></li>
     <li><a href="#2">Image #2</a></li>
     <li><a href="#3">Image #3</a></li>
     <li><a href="#4">Image #4</a></li>
</ul>
<div id="image-container">
     <img src="images/1.jpg">
</div>

JavaScript

$("ul li a").click(function(e) { 
  e.preventDefault();   
  $("#image-container img").attr('src', 'http://dummyimage.com/200x100/000/fff&text='+ this.hash.substring(1));
});