Hallo,
ich habe deinen Slider installiert und eingebunden. Leider zeigt er mir eine doppelte Bulletliste an. Woran kann das liegen?
Contao: CMS 2.11.5
Slider: 2.1.1
HTML:
HTML-Code:
<div class="ce_slideItStart ">
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('domready', function(){
var slide_slider_1 = new ExtendedSlideItMoo({"containerId":"slider_1","containerChildsId":"#slider_1 .block","sliderAttr":{"itemWidth":250,"itemHeight":"97","showControls":0,"overallContainer":"slider_1","elementScrolled":"slider_1_inner","thumbsContainer":"slider_1_items","itemsVisible":"1","elemsSlide":1,"itemsSelector":".block","duration":2000,"autoSlide":2000,"showBullets":"true"},"childAttr":{"marginTop":"0px","marginRight":"0px","marginBottom":"0px","marginLeft":"0px","width":"250px"}}).run();
});
/* ]]> */
</script>
<div id="slider_1" class="slider">
<div class="slider_inner" id="slider_1_inner">
<div class="slider_items" id="slider_1_items">
<div class="ce_text block">
<h1>test</h1>
<p>test</p>
</div>
<div class="ce_text block">
<h1>test2</h1>
<p>test2</p>
</div>
</div>
</div>
</div>
</div>
Und der DOM Quelltext:
HTML-Code:
<div class="ce_slideItStart ">
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('domready', function(){
var slide_slider_1 = new ExtendedSlideItMoo({"containerId":"slider_1","containerChildsId":"#slider_1 .block","sliderAttr":{"itemWidth":250,"itemHeight":"97","showControls":0,"overallContainer":"slider_1","elementScrolled":"slider_1_inner","thumbsContainer":"slider_1_items","itemsVisible":"1","elemsSlide":1,"itemsSelector":".block","duration":2000,"autoSlide":2000,"showBullets":"true"},"childAttr":{"marginTop":"0px","marginRight":"0px","marginBottom":"0px","marginLeft":"0px","width":"250px"}}).run();
});
/* ]]> */
</script>
<div id="slider_1" class="slider" style="width: 250px; ">
<div class="slider_inner" id="slider_1_inner" style="width: 250px; ">
<div class="slider_items" id="slider_1_items" style="width: 520px; margin-left: 0px; ">
<div class="ce_text block" style="margin: 0px; width: 250px; ">
<h1>test2</h1>
<p>test2</p>
</div><div class="ce_text block" style="margin: 0px; width: 250px; ">
<h1>test</h1>
<p>test</p>
</div>
</div>
</div>
<ul class="bulletlist"><li class="bullet item1 "></li><li class="bullet item2 active"></li></ul><ul class="bulletlist"><li class="bullet item1 "></li><li class="bullet item2 active"></li></ul></div>
</div>
Lesezeichen