<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: ['<?php bloginfo('template_url'); ?>/image/scar2.jpg', -1, 68], rightnav: ['<?php bloginfo('template_url'); ?>/image/scar1.jpg', -7, 68]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
<div id="slider">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<?php
$slidecat = get_option('mob_gldcat');
$slidecount = get_option('mob_gldct');
$my_query = new WP_Query('category_name= '. $slidecat .'&showposts='.$slidecount.'');
while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
?>
<div class="panel">
<?php $screen = get_post_meta($post->ID, 'screen', $single = true);
if ($screen === '') {
$screen = get_settings('home').'\ttt.jpg';
}
?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">
<img src="<?php echo $screen; ?>" alt="" width="165" height="110" />
</a>
</div>
<?php endwhile; ?>
</div>
</div>
</div>