PDA

View Full Version : Javascript Help


raybirks
02-14-2013, 04:42 AM
Scenario: Have rotating images in my header on the right side and need to move the images down so they are centered.

http://www.wenatcheeoutdoorsforum.org/forum.php

Here is my current JS

<script type="text/javascript">
var imgs1 = new Array("http://fms.wsd.wednet.edu/birksweb/forum/1.jpg","http://fms.wsd.wednet.edu/birksweb/forum/2.jpg","http://fms.wsd.wednet.edu/birksweb/forum/3.jpg","http://fms.wsd.wednet.edu/birksweb/forum/4.jpg","http://fms.wsd.wednet.edu/birksweb/forum/5.jpg","http://fms.wsd.wednet.edu/birksweb/forum/6.jpg","http://fms.wsd.wednet.edu/birksweb/forum/7.jpg","http://fms.wsd.wednet.edu/birksweb/forum/8.jpg","http://fms.wsd.wednet.edu/birksweb/forum/9.jpg","http://fms.wsd.wednet.edu/birksweb/forum/10.jpg");
var lnks1 = new Array("http://www.justgetout.net/Wenatchee/pages/page/?pgid=74","http://www.justgetout.net/Wenatchee/pages/page/?pgid=74","http://www.justgetout.net/Wenatchee/pages/page/?pgid=74","http://www.justgetout.net/Wenatchee/pages/page/?pgid=74","http://www.justgetout.net/Wenatchee/pages/page/?pgid=74","http://www.justgetout.net/Wenatchee/pages/page/?pgid=74","http://www.justgetout.net/Wenatchee/pages/page/?pgid=74","http://www.justgetout.net/Wenatchee/pages/page/?pgid=74","http://www.justgetout.net/Wenatchee/pages/page/?pgid=74","http://www.justgetout.net/Wenatchee/pages/page/?pgid=74");
var alt1 = new Array("1","2","3","4","5","6","7","8","9","10");
var currentAd1 = 0;
var imgCt1 = 10;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",3000);
</script>
<a href=""http://www.justgetout.net/Wenatchee/pages/page/?pgid=74"" id="adLink1" target="_top">
<img src="http://fms.wsd.wednet.edu/birksweb/forum/1.jpg" id="adBanner1" border="0" width="150" height="75"></a>

WorldCraft
02-14-2013, 02:32 PM
I don't see the images on your board, but perhaps you could place a <div class="banner_rotate"> around the HTML that holds your images and you could do something like this in additional.css:

div.banner_rotate {
width: 150px;
height: 75px;
position: absolute;
right: 0px;
top: Xpx;
}

Adjust the top: Xpx to move it down