Hello
I try to create a javascript/JQuery banner. I’m using a Jquery file that allow fade in / fade out.
Please find here below the link to a sample of my banner
And the code
[CODE]<style type=”text/css”>
#images-container{
position:relative;
width:480px;
height:200px
}
.images{
position:absolute;
top:0px;
left:0px;
display:none;
width:480px;
height:200px;
border:0;
}
#image1{display:block;}
</style>
<script src=”http://www.kpmg.com/LU/en/Documents/jquery.min.js”></script>
<script type=”text/javascript”> $(document).ready(function(){
var count=$(“#images-container”).find(“.images”).length;
var i=2;
$.fn.slideshow=function(){
$(“.images”).fadeOut(1000); $(“#image”+i+””).fadeIn(1000);
i++;
if(i>count)
i=1;
};
setInterval(“$.fn.slideshow()”,3000);
});
</script>
<div id=”images-container”>
<a href=”http://www.kpmg.com/LU/en/IssuesAndInsights/Articlespublications/Pages/LuxembourgTaxNews-Issue2013-09.aspx” target=”self”><img class=”images” id=”image1″ alt=”European FATCA” src=”http://www.kpmg.com/LU/en/industry/Banking/PublishingImages/european-fatca-480×200-2.jpg” /></a>
<a href=”http://www.paperjam.lu/article/fr/deja-une-belle-reussite” target=”_blank”><img class=”images” id=”image2″ alt=”Luxembourg meets China” src=”http://www.kpmg.com/LU/en/industry/Banking/PublishingImages/Hsiao-Yun-Lee-480×200-2.jpg” /></a>
<a href=”http://www.kpmg.com/LU/en/IssuesAndInsights/Articlespublications/Pages/GlobalAuditCommitteesurveyresults-AfocusonLuxembourg.aspx” target=”self”><img class=”images” id=”image3″ alt=”Global Audit Committee Survey” src=”http://www.kpmg.com/LU/en/industry/Banking/PublishingImages/audit-committee-survey-2.jpg” /></a>
<a href=”http://www.kpmg.com/LU/en/IssuesAndInsights/Articlespublications/Pages/KPMGanalysiertdieErgebnissederBanken.aspx” target=”self”><img class=”images” id=”image4″ alt=”Classement des banques” src=”http://www.kpmg.com/LU/en/industry/Banking/PublishingImages/classement-des-banques-480×200-2.jpg” /></a>
<a href=”http://www.kpmg.com/LU/en/IssuesAndInsights/Articlespublications/Pages/CRDIV-Publication.aspx” target=”self”><img class=”images” id=”image5″ alt=”CSRD IV” src=”http://www.kpmg.com/LU/en/industry/Banking/PublishingImages/EBA-Identified-Staff-480×200-2.jpg” /></a>
</div>
I would like to create 5 bullets in the bottom right corner of the banner to allow to switch from one image/link to the precedent and next one.
Is it possible and how?
Kind regards