Episode 01 of ThrillBent's Valentine copyrighted art displayed for fair use only

Tablet & Mobile Swipe & Snap Display

Easy Image Plug & Play

If you can copy & paste to a text-editor, edit HTML lists & links, and post art & pages to the web, you can keep Flash interactivity on tablet & mobile:

  1. Refer to the swipe & snap stylesheet from the <head> of your HTML4/5 document:
<!doctype html>
<title>document title</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link type="text/css" rel="stylesheet" href="swipe_snap.css" media="screen">
  1. Choose to display vertical or horizontal, and to enable or disable fade-ins:
<div class="horizontal swipe_snap">
<div class="enable">
  1. Open an HTML list and display your Previous-link arrow from your first list item:
<ul><li><strong>&lsaquo;</strong><span>&nbsp;</span> <!-- previous-link arrow -->
  1. Insert your images as the destinations to the empty links populating your list:
</li><li><a href="path/folder/your_image01.jpg"></a>
</li><li><a href="path/folder/your_image02.jpg"></a>
</li><li><a href="path/folder/your_image03.jpg"></a>
</li><li><a href="path/folder/your_image03.jpg"></a>
     <a href="path/folder/your_image03.jpg"></a> <a href="path/folder/your_image04.jpg"></a>
</li><li class="swipe_out">
     <a href="path/folder/your_image03.jpg"></a> <a href="path/folder/your_image04.jpg"></a>
     <a href="path/folder/your_image04.jpg"></a> <a href="path/folder/your_image05.jpg"></a>
</li><li class="swipe_out">
     <a href="path/folder/your_image03.jpg"></a>
     <a href="path/folder/your_image04.jpg"></a>
     <a href="path/folder/your_image05.jpg"></a> <!-- your_image04.jpg w/ captions added -->
     <a href="path/folder/your_image05.jpg"></a> <a href="path/folder/your_image06.jpg"></a>
  1. Practiced CSS-coders can customize blank slates to dress-up text displayed. Then close the remaining open tags:
</li><li><span><a href="#"><!-- blank slate --></a></span>
</li><li><span><a href="#"><!-- blank slate --></a></span>
</li><li><span><a href="#"><!-- blank slate --></a></span>

</li><li><strong>&rsaquo;</strong><span>&nbsp;</span> <!-- next-link arrow -->

  1. To ease reader-progress tracking, you can include the tags to display page count:
<p class="page_number"></p>
<ul class="toc"><li></li></ul>
  1. Refer to your jQuery and swipe & snap scripts before the close of your document <body> to complete your display:
<script type="text/javascript" src="jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="swipe_snap.js"></script>

Comics are the most powerful medium always available to create in. At the peak of US comics publishing, one artist could reach readers in the tens of millions. Today, however, the whole of comics released by US publishers enjoys a readership of less than a million, perhaps ¼% of the population. No market is more qualified to deliver what we need to hear than anyone willing to say it.