title: Jssor - using images as captions
body: <p>I'm trying to set up a Jssor slideshow, but I'm having trouble doing something, and it's certainly due to my lack of javascripting knowledge.</p>
  
  <p>I'd like to include captions with the images, but I need to use specific fonts that aren't standard.  To do this, I'd like to include images that contain the text I need.  I tried altering one of the captioned examples, but it just hangs when it gets to my graphic caption.</p>
  
  <p>I altered the second slide image code, replacing the caption text with an  tag:</p>
  
  <p><a href="http://test10.ssih.com/Jssor/examples-jquery/slider-with-caption.source.html" rel="nofollow">http://test10.ssih.com/Jssor/examples-jquery/slider-with-caption.source.html</a></p>
  
  <p>Is there a "correct" way for me to do this?</p>
  
  <p>Per request, some code.  I'm not sure how much would be meaningful, but here is the section I edited:</p>
  
  <pre><code>&lt;!-- Slide --&gt;
              &lt;div&gt;
                  &lt;img u="image" src="../img/landscape/02.jpg" /&gt;
                  &lt;div u="caption" t="MCLIP|B" t2="T" style="position: absolute; top: 250px; left: 0px;
                      width: 600px; height: 50px;"&gt;
                      &lt;div style="position: absolute; top: 0px; left: 0px; width: 600px; height: 50px;
                          background-color: Black; opacity: 0.5; filter: alpha(opacity=50);"&gt;
                      &lt;/div&gt;
                      &lt;div style="position: absolute; top: 0px; left: 0px; width: 600px; height: 50px;
                          color: White; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center;"&gt;
                          &lt;img src="../../slideshow/co2.png"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>As far as the problem description goes, I don't know how much more descriptive I can be without simply repeating myself.</p>