<!-- INDEX START -->
<h3 id="TOP">Index</h3>
-<ul><li><a href="#NAME">NAME</a></li>
+<ul><li><a href="#NAME">NAME</a>
+<ul><li><a href="#CATEGORY">CATEGORY</a></li>
+</ul>
+</li>
<li><a href="#SYNOPSIS">SYNOPSIS</a></li>
<li><a href="#ANIMATING_IMAGES">ANIMATING IMAGES</a>
<ul><li><a href="#Loading_Images">Loading Images</a></li>
<li><a href="#COPYRIGHT">COPYRIGHT</a>
</li>
</ul><hr />
-<!-- INDEX END -->
+<!-- INDEX END --><a href="assets/Images_1.jpg" target="_blank"><img src="assets/Images_1.jpg" style="height: 160px" alt="Images_1.jpg"/></a><a href="assets/Images_2.jpg" target="_blank"><img src="assets/Images_2.jpg" style="height: 160px" alt="Images_2.jpg"/></a><hr />
<h1 id="NAME">NAME</h1><p><a href="#TOP" class="toplink">Top</a></p>
<div id="NAME_CONTENT">
<p>SDL::Tutorial::Images</p>
</div>
+<h2 id="CATEGORY">CATEGORY</h2>
+<div id="CATEGORY_CONTENT">
+<p>Tutorials</p>
+
+</div>
<h1 id="SYNOPSIS">SYNOPSIS</h1><p><a href="#TOP" class="toplink">Top</a></p>
<div id="SYNOPSIS_CONTENT">
<pre> # to read this tutorial
</div>
<h2 id="Loading_Images">Loading Images</h2>
<div id="Loading_Images_CONTENT">
-<p>As usual, start with an <cite>SDL::App</cite> object representing the image window. Then
+<p>As usual, start with an <a href="SDL-App.html">SDL::App</a> object representing the image window. Then
preload the image file. This is easy; just pass the <code>name</code> parameter to the
-<cite>SDL::Surface</cite> constructor:</p>
+<a href="SDL-Surface.html">SDL::Surface</a> constructor:</p>
<p> </p>
<pre> use SDL::Surface;
</pre>
<p> </p>
-<p>Here we have two <cite>SDL::Rect</cite> objects which represent rectangular regions of a
+<p>Here we have two <a href="SDL-Rect.html">SDL::Rect</a> objects which represent rectangular regions of a
Surface. <code>$frame_rect</code> represents the entire area of <code>$frame</code>, while
<code>$dest_rect</code> represents the area of the main window in which to blit the
frame. This may be clearer with more descriptive variable names:</p>
<h1 id="SEE_ALSO">SEE ALSO</h1><p><a href="#TOP" class="toplink">Top</a></p>
<div id="SEE_ALSO_CONTENT">
<dl>
- <dt><cite>SDL::Tutorial</cite></dt>
+ <dt><a href="SDL-Tutorial.html">SDL::Tutorial</a></dt>
<dd>
<p>basic SDL tutorial</p>
</dd>
- <dt><cite>SDL::Tutorial::Animation</cite></dt>
+ <dt><a href="SDL-Tutorial-Animation.html">SDL::Tutorial::Animation</a></dt>
<dd>
<p>non-image animation</p>
</dd>