How to implement the plugin

First thing you need to do is download and install the plugin. The plugin is maintained here.

Then you can activate the plugin and begin to use.

You can add as many images as you want for your slider and make them active.

Once you have all of your slider images in the database, you can use the following template tag: get_ucs_slider_images();. Then you can loop through the images and incorporate into any html structure that your Javascript Slider requires

The plugin is currently being used on the following sites:
Sustainable Living Association (jQuery Cycle)
Be Local Northern Colorado (Twitter Bootstrap Carousel)
Kiitella (Twitter Bootstrap Carousel)

Use with jQuery Cycle

<script>
jQuery(document).ready(function() { jQuery("#cycle").cycle({ fx: "fade", random: 1 }); });
</script>
<ul id="cycle">
<?php $slider_images = get_ucs_slider_images(); ?>                                        
<?php foreach ( $slider_images as $image ) : ?>
<li>
        <a href="<?php echo $image->slider_link; ?>">
        <img src="<?php echo $image->slider_image; ?>">          
        </a>
        <div class="cycle-title">
                <a href="<?php echo $image->slider_link; ?>">                            
                        <p><?php echo $image->slider_title; ?></p>
                </a>
                <p class="cycle-description"><?php echo $image->description; ?></p>
                <p class="cycle-read-more"><a href="<?php echo $image->read_more_link; ?>" class="btn">Read More</a></p>
        </div>                    
</li>
<?php endforeach; ?>              
</ul>

Use with Twitter Bootstrap Carousel

<script>
jQuery(document).ready(function() { jQuery('.carousel').carousel(); });
</script>
<div id="my_carousel" class="carousel slide">
        <div class="carousel-inner">
                <?php
                $slider_images = get_ucs_slider_images();
                $i = 0 ;
                foreach ( $slider_images as $image ) :
                ?>
                <div class="<?php echo ( $i == 0 ) ? 'active ' : ''; ?>item">
                        <a href="<?php echo $image->slider_link; ?>">
                        <img src="<?php echo $image->slider_image; ?>">
                        <div class="carousel-caption">
                                <p><?php echo $image->slider_title; ?></p>
                                <p><?php echo $image->slider_description; ?></p>
                        </div>
                        </a>
                </div>
                <?php
                $i++;
                endforeach;
                ?>
        </div>
        <a class="carousel-control left" href="#my_carousel" data-slide="prev">‹</a>
        <a class="carousel-control right" href="#my_carousel" data-slide="next">›</a>
</div>