title: Javascript Mouse Wheel Zooming for a Web Page
body: <p><strong>Scenario :</strong></p>
  
  <ul>
  <li>I'm currently trying to build a poor man's Google Maps using scripts and things to simulate all the functions.</li>
  <li>I have a massive image that I sliced up into tiles and display in a
  table on the web page.</li>
  <li>I found a script that enables a user to click
  and drag to navigate around the map. </li>
  </ul>
  
  <p><strong>Todo :</strong></p>
  
  <ul>
  <li>Now I just need to implement
  zoom.</li>
  <li><p>I found scripts to zoom single images but I want to be able to zoom the entire page out as a single element. <br>Since I have 100 images tiled to create the map, it's not practical to do it for each individual slice.<br><br> Is there a way to do this?</p>
  
  <p><br>The page I have so far can be found at <a href="http://minecraft.firedrakecreative.com" rel="nofollow noreferrer">http://minecraft.firedrakecreative.com</a>, <br>and then click on the thumbnail. <br>Any help is much appreciated!</p></li>
  </ul>