Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Build an Interactive Website jQuery Plugins Responsive Slider Plugin - JavaScript

Posted by Andrea Sorrell
Andrea Sorrell
4,736 Points

Responsive Slider Plugin Question

Can someone help me figure out why my slider is repeating the same article. I know Andrew Chalky mentioned that there were some bugs that needed to be hacked with the following code

 $("#featured-video").fitVids();
            setTimeout(function(){
                $(".fittext").fitText(2.2);
            }, 1);

But I am encountering more issues. The slider was working but at some point I refreshed the browser by clicking refresh, previously I had pressed enter while in web address bar. It's sliding but repeating the same article. Is this a CSS issue or the Javascript hack

here is my css

/* mwuSlider */
    .wmuSlider {
        position: relative;
        overflow: hidden;
        height: 310px;
        background: FFF;
    }
    .wmuSlider .wmuSliderWrapper {
        display: none;

    }
    .wmuSlider .wmuSliderWrapper article {
        position: relative;
        height: 310px;

    }

    .wmuSliderPagination {
        z-index: 2;
        position: absolute;
        left: 48%;
        bottom: 10px;
    }
    .wmuSliderPagination li {
        float: left;
        margin: 0 5px 0 0;
        list-style-type: none;
    }
    .wmuSliderPagination a {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 10px;
        background: #4FB69F;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .wmuSliderPagination a.wmuActive {
        background: #349C79;
    }

Thank you in advance for taking your time to help me.

1 Answer

Andrea Sorrell
Andrea Sorrell
4,736 Points

Nevermind It was an HTML issue. When we created the articles and I closed it before the closing div for:

<div class="intro-img grid_3 omega">

Got it!