cngerra
11-16-2012, 02:21 AM
I am using Featured Content Slider v2.4. in my site. And it works fine in all browsers except in All IE browsers version.
This is my html code:
<div id="slider1" class="sliderwrapper mainthumb">
<div class="contentdiv">
<a href="#" class="slideshow1"><img src="images/small1.png" alt="Small1" border="0" /></a>
</div>
<div class="contentdiv">
<a href="#" class="slideshow1"><img src="images/small2.png" alt="Small2" border="0" /></a>
</div>
</div>
<div id="paginate-slider1" class="thumbs_block">
<span class="slideshow1">
<a href="#" class="toc"><img src="images/rooms/small1.png" width="60" height="44" alt="Small1" border="0" /></a>
</span>
<span class="slideshow1">
<a href="#" class="toc"><img src="images/rooms/small2.png" width="60" height="44" alt="Small2" border="0" /></a>
</span>
</div>
<script type="text/javascript">
//<![CDATA[
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 3000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
}
})
//]]>
</script>
Can give me some advice..
.x2fair.
This is my html code:
<div id="slider1" class="sliderwrapper mainthumb">
<div class="contentdiv">
<a href="#" class="slideshow1"><img src="images/small1.png" alt="Small1" border="0" /></a>
</div>
<div class="contentdiv">
<a href="#" class="slideshow1"><img src="images/small2.png" alt="Small2" border="0" /></a>
</div>
</div>
<div id="paginate-slider1" class="thumbs_block">
<span class="slideshow1">
<a href="#" class="toc"><img src="images/rooms/small1.png" width="60" height="44" alt="Small1" border="0" /></a>
</span>
<span class="slideshow1">
<a href="#" class="toc"><img src="images/rooms/small2.png" width="60" height="44" alt="Small2" border="0" /></a>
</span>
</div>
<script type="text/javascript">
//<![CDATA[
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 3000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
}
})
//]]>
</script>
Can give me some advice..
.x2fair.