[Lancelot]

Har lite problem med vår banner rotator i Joomla.

Vi använder oss utav javascript i en joomla artikel.

Banner rotatorn dyker upp och roterar som den ska, det enda problemet är att varje banner har en enskild länk, men när man håller musen över bannern så tar det några sekunder innan muspekaren uppfattar den som en länk.

Vi använder oss utav:

http://www.htmlbasix.com/banner.shtml

Såhär ser koden ut:


<script type="text/javascript">
var imgs1 = new Array("http://vtrusta.com/bigpic/108/116/20111217054541.jpg","http://t0.gstatic.com/images?q=tbn:ANd9GcRTlHPb3sqX_99_UtY05ndmEGbXATrI0 xHs8kHLomfFjg41HEZK");
var lnks1 = new Array("http://www.google.se/search?tbm=isch&hl=sv&source=hp&biw=1232&bih=828&q =sd&gbv=2&oq=sd&aq=f&aqi=g10&aql=&gs_sm=12&gs_upl= 1463l1558l0l2187l2l2l0l0l0l0l48l84l2l2l0&gs_l=img. 12..0l10.1463l1558l0l2187l2l2l0l0l0l0l48l84l2l2l0" ,"http://www.google.se/imgres?q=sd&hl=sv&biw=1232&bih=828&gbv=2&tbm=isch& tbnid=NMzOjQnK2Wcr7M:&imgrefurl=http://tsithai.com/index.php%3Fmain_page%3Dindex%26cPath%3D9_10&docid =4MJyD7NrrHWM0M&imgurl=http://tsithai.com/images/memory%252520card/Kingston%252520Mirco%252520sd%252520card.jpg&w=480 &h=360&ei=Ce5PT46JJYb14QSu-PmtDQ&zoom=1&iact=hc&vpx=429&vpy=523&dur=278&hovh= 194&hovw=259&tx=185&ty=161&sig=1169955982299741604 17&page=1&tbnh=137&tbnw=183&start=0&ndsp=24&ved=1t :429,r:20,s:0");
var alt1 = new Array("sd","dfd");
var currentAd1 = 0;
var imgCt1 = 2;
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()",4000);
</script>
<a href=""http://www.google.se/search?tbm=isch&hl=sv&source=hp&biw=1232&bih=828&q =sd&gbv=2&oq=sd&aq=f&aqi=g10&aql=&gs_sm=12&gs_upl= 1463l1558l0l2187l2l2l0l0l0l0l48l84l2l2l0&gs_l=img. 12..0l10.1463l1558l0l2187l2l2l0l0l0l0l48l84l2l2l0" " id="adLink1" target="_top">
<img src="http://vtrusta.com/bigpic/108/116/20111217054541.jpg" id="adBanner1" border="0" width="200" height="200"></a>

Edit: Kom gärna med tips på bättre banner rotator scripts och koder som inte slöar ner joomlas prestanda.

[P3N]

När jag grejade med en bannerbytare gjorde jag så att jag tog bort diven med bannern med javascript och sen lade jag till en ny div med den nya bannern. Det var det som funkade smidigast för mig iallafall.

Finns säkert många sätt att lösa det på men här är lite kod nedan som kan hjälpa.
Det du behöver komplettera med är att lägga till var den nya diven skall skapas. Jag löste det lite fult genom att bara ha en sida med bannern med script och sen köra den sidan i en iframe där jag ville ha reklamen.

function removeElement(id) {
  var element = document.getElementById(id);
  element.parentNode.removeChild(element);
}
function addElement(DivId, txt) {
  var ni = document.getElementById('container');
  var newdiv = document.createElement('div');
  newdiv.setAttribute('id', DivId);
  newdiv.innerHTML = txt;
  ni.appendChild(newdiv);
}