I'm using Jquery [Rondell](http://projects.sebastianhelzle.net/jquery.rondell/examples/carousel.html) plugin for thumbnail carousel as following: 

```
<div id="rondellCarousel">
        <a target="_blank" rel="rondell" href="image/US.png" title="...">
            <img src="image/US.png" alt="Band" title="Click to enlarge">
            <h5>Awesome concert</h5>
            <p>My favourite band.</p>
        </a>
    </div>

<script type="text/javascript">
    $(function () {
        $("#rondellCarousel").rondell({
            preset: "carousel"
        });
    });
</script>

```

The result shows only one image correctly. However, when adding multiple sources as following

```
<div id="rondellCarousel">
        <a target="_blank" rel="rondell" href="image/US.png">
            <img src="image/US.png" alt="Band" title="Click to enlarge">
            <h5>Awesome concert</h5>
            <p>My favourite band.</p>
        </a>

        <a target="_blank" rel="rondell" href="image/US2.png">
            <img src="image/US2.png" alt="Band" title="Click to enlarge">
            <h5>Awesome concert</h5>
            <p>My favourite band.</p>
        </a>
    </div>

```

The second image is not shown in the navigation carousel and instead, when I click on the only image shown in the navigation carousel two images are shown in the appearing lightbox.