CSS-Tricks/MovingBoxes

Duplicate content when adding new panel to slider

YohannParisien opened this issue · 0 comments

When you're adding a new panel to slider with a code like this :


myPanel = '<div><img src="demo/*1.jpg" alt="picture" /><h2>News Heading #*2</h2><p>A very short exerpt goes here... <a href="#">more</a></p></div>',
slider = $('#slider-one'),
api = slider.data('movingBoxes'),

$('button.add').click(function(){
    imageNumber = api.totalPanels + 1;
    slider
        .append( myPanel )
            .movingBoxes();
});

The content of the first panel is merge with the content of variable myPanel in the new DIV panel only if your slider have the options fixedHeight set to true.

If the options fixedHeight set to false, everthing is OK, the new div is created with the content of myPanel variable.

Thanks,