Hi everyone... hopefully someone can help me with a little advanced knowledge in using CSS to define the placement of a box that will rotate graphics.
Basically what I need to do is define a space in the right column of the web page for graphics to rotate in and make it a link to another page on the site, no matter which graphic is displayed.
I already have the logic for rotating the graphics, which I use to rotate graphics in the center of the page.
I also have the logic for displaying a static graphic using CSS in various places on the page, top left, top right, bottom left, etc...
But what I think I need to do is to be able to combine both of them.
Here is what I use in CSS for positioning a graphic in the top right corner...
#right_top {
position: fixed;
right: 25px;
top: 25px;
width: 140px;
height: 140px;
background-image: url('../images/warranty.png');
background-repeat: no-repeat;
}
And I use jQuery bxslider to rotate the pics on the top of my home page
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
controls: 'false',
autoHover: 'true',
pager: false,
mode: 'fade',
controls: false,
auto: true,
pause: '3000'
});
});
</script>
What I would like to do is to position rotating graphics from advertisers just below the graphic that I have in the top right corner of the page, which would be linked to an advertisers page that would contain graphic ads for each, linked to their respective websites...
If there is a simple plug in for this, please let me know and save me some time, but short of that, any guidance that you would have to help me accomplish this with what I already have available to me would be greatly appreciated.
BTW, this is the site that I am referring to : www.HCTubs.comClick Here
Thanks in advance,
Douglas