Hi Philip

It's hard to be certainly what type of slideshow you are aiming for and to therefore be sure where the issue exactly is but, looking at a sample next previous slideshow on cycle2.js site:

http://jquery.malsup.com/cycle2/demo/prevnext.php

The markup should look something like this:

   <div id=outside>
    <!-- prev/next links -->
    <div class=center>
        <span id=prev>&lt;&lt;Prev </span>
        <span id=next> Next&gt;&gt;</span>
    </div>
    <!-- slideshow -->
    <div class="cycle-slideshow" 
        data-cycle-fx=scrollHorz
        data-cycle-timeout=0
        data-cycle-prev="#prev"
        data-cycle-next="#next"
        >
        <img src="http://malsup.github.io/images/p1.jpg">
        <img src="http://malsup.github.io/images/p2.jpg">
        <img src="http://malsup.github.io/images/p3.jpg">
        <img src="http://malsup.github.io/images/p4.jpg">
    </div>
</div>

So if you current item, has multiple children that form the slides then you don't need to include the next and previous buttons in the loop through these items, whereas in your sample it appears they are being repeated for each item? but that may be because I'm not getting what you are trying to achieve!

So I think your code I'm thinking should be more like this:

       <div id=outside>
        <!-- prev/next links -->
        <div class=center>
            <span id=prev>&lt;&lt;Prev </span>
            <span id=next> Next&gt;&gt;</span>
        </div>         
<div class="cycle-slideshow"
     data-cycle-fx=carousel
     data-cycle-timeout=10000
     data-cycle-carousel-visible=3
     data-cycle-carousel-fluid=true
     data-cycle-next="#next"
     data-cycle-prev="#prev"
     data-cycle-slides="> .featureCarousel">

        @foreach (var featureItems in item.Children())
        {
            dynamic featureIcon = Umbraco.Media((int)featureItems.iconImage);
            <div class="featureCarousel">
                <div class="row featureItemRow">
                    <div class="col-md-12">
                        <div class="row ">
                            <div class="col-md-12">
                                <img class="featureItemsIcon" src="@itemIcon.umbracoFile"  />
                            </div>
                            <div class="col-md-12">
                                @featureItems.Name
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        }    
</div> 
</div>

but may I'm simplifying and you have multiple carousels within carousels or something on the same page?

eg what does items.Children() refer to in terms of your Umbraco structure?

regards

Marc

is working on a reply...