ramen18.html

<html>
<head>
  <link rel="stylesheet" href="styles.css"/>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
    $("img").load(isLoaded);
  });

  function isLoaded() {
    $("audio")[0].play();
  }
  </script>
</head>
<body>
	<img src="img/ramen story 18.jpeg" usemap="#map">
  <map name="map">
    <area shape="rect" coords="574,19,679,138" alt="?" href="ramen19.html" />
    <area shape="circle" coords="614,374,72" alt="add the green onion" href="ramen20.html" />
  </map>
  <audio controls>
    <source src="sound/18.mp3" type="audio/mpeg" />
    Your browser does not support the audio element.
  </audio>
</body>
</html>