Here is my code, I'm still unable to figure out how to insert the pictures.
PS. I'm using a template mobile framework which utilizes jQuery Mobile framework.
Thank you again
<div id="mod_jfslideshow_wrapper">
<div id="mod_jfslideshow" class="box_skitter mod_jfslideshow">
<ul>
<li>
<a class="ui-link" href="#random">
<img class="random" src="/images/mybanner/logo-70x300.png">
</a>
<div class="label_text">
<div class="label_skitter_container">
<h2 class=" text-shadow slideSloganText" style="font-size:18px; line-height:18px; color:18;">Nice?</h2>
</div>
</div>
</li>
<li>
<a class="ui-link" href="#random">
<img class="random" src="/images/mybanner/logo-70x300.png">
</a>
<div class="label_text">
<div class="label_skitter_container">
<h2 class=" text-shadow slideSloganText" style="font-size:18px; line-height:18px; color:18;">ehy!!</h2>
</div>
</div>
</li>
</ul>
</div>
<a class="jfprev_button prevsldide6 ui-link" href="#">prev</a>
<a class="jfnext_button nextslide6 ui-link" href="#">next</a>
<div class="jflabel_skitter"></div>