<a href="http://www.dbcnutrition.com/forum/content.php" target="_blank">http://www.dbcnutrition.com/forum/content.php</a>
What I did was use this for a single banner on the CMS page and change the code around so it changes the size how I see fit and links to another url and opens another browser. Wont work for me to rotate banners but this does have a good use for using that spot as a sponsor ad. Here's what I did with the code. Hope we can get a slider working here.
<style type="text/css">
ul#slider {
width: 705px;
height: 275px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
ul#slider li {
float: center;
position: relative;
/*display: none;*/
}
ul#slider li div {
position: absolute;
width: 705px;
background-color: #000;
color: #fff;
left: 0;
/*display: none;*/
padding: 10px;
}
.top {
top: 0;
}
.bottom {
bottom: 0;
}
</style>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/mySlider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#slider").mySlider({
timeOut: 4000,
captionOpacity: .7
});
});
</script>
<ul id="slider">
<li>
<a href="http://www.dbcnutrition.com/index.php?main_page=advanced_search_result&search_ in_description=1&keyword=Evoge n&x=0&y=0" target="_blank"><img src="http://www.dbcnutrition.com/evogen.jpg" alt="Evogen" width="705" height="280" /></a>
<div class="top">
Steve Kuclo Mr USA
</div>
</li>
</ul>
|