Menu icon Foundation
Orbit slider - click on image, moves to blank slide?

Hi,

I've just put in an orbit slider but if I click on slide then the slider moves this slide and shows a blank slide.

The code for my slider is below.

Thanks.

Hi,

I've just put in an orbit slider but if I click on slide then the slider moves this slide and shows a blank slide.

The code for my slider is below.

Thanks.

<ul data-orbit data-options="timer_paused_class: 'paused'; timer: false; bullets: false; slide_number: false" >
            <?php foreach($beads as $bead): ?>
                <li data-orbit-slide="<?php echo $bead["BeadCode"]; ?>" class="bead bead-slider" title="<?php echo $bead['BeadTitle']; ?>" imgUrl="<?php echo SITE_URL . "/img/murano/" . $bead["BeadId"];?>"><img src="<?php echo SITE_URL . "/img/murano/" . $bead["BeadId"];?>" alt="<?php echo $bead['BeadTitle']; ?>" /><div class="orbit-caption"><?php echo $bead['BeadTitle']; ?></div></li>             
            <?php endforeach;?>
        </ul>
            

         

<ul data-orbit data-options="timer_paused_class: 'paused'; timer: false; bullets: false; slide_number: false" >
            <?php foreach($beads as $bead): ?>
                <li data-orbit-slide="<?php echo $bead["BeadCode"]; ?>" class="bead bead-slider" title="<?php echo $bead['BeadTitle']; ?>" imgUrl="<?php echo SITE_URL . "/img/murano/" . $bead["BeadId"];?>"><img src="<?php echo SITE_URL . "/img/murano/" . $bead["BeadId"];?>" alt="<?php echo $bead['BeadTitle']; ?>" /><div class="orbit-caption"><?php echo $bead['BeadTitle']; ?></div></li>             
            <?php endforeach;?>
        </ul>
            

         

sliderOrbit

Hi,

I've just put in an orbit slider but if I click on slide then the slider moves this slide and shows a blank slide.

The code for my slider is below.

Thanks.

Hi,

I've just put in an orbit slider but if I click on slide then the slider moves this slide and shows a blank slide.

The code for my slider is below.

Thanks.

<ul data-orbit data-options="timer_paused_class: 'paused'; timer: false; bullets: false; slide_number: false" >
            <?php foreach($beads as $bead): ?>
                <li data-orbit-slide="<?php echo $bead["BeadCode"]; ?>" class="bead bead-slider" title="<?php echo $bead['BeadTitle']; ?>" imgUrl="<?php echo SITE_URL . "/img/murano/" . $bead["BeadId"];?>"><img src="<?php echo SITE_URL . "/img/murano/" . $bead["BeadId"];?>" alt="<?php echo $bead['BeadTitle']; ?>" /><div class="orbit-caption"><?php echo $bead['BeadTitle']; ?></div></li>             
            <?php endforeach;?>
        </ul>
            

         

<ul data-orbit data-options="timer_paused_class: 'paused'; timer: false; bullets: false; slide_number: false" >
            <?php foreach($beads as $bead): ?>
                <li data-orbit-slide="<?php echo $bead["BeadCode"]; ?>" class="bead bead-slider" title="<?php echo $bead['BeadTitle']; ?>" imgUrl="<?php echo SITE_URL . "/img/murano/" . $bead["BeadId"];?>"><img src="<?php echo SITE_URL . "/img/murano/" . $bead["BeadId"];?>" alt="<?php echo $bead['BeadTitle']; ?>" /><div class="orbit-caption"><?php echo $bead['BeadTitle']; ?></div></li>             
            <?php endforeach;?>
        </ul>
            

         
Gemma Church almost 6 years ago

Doh! As with most of my forum posts - I ask, then find the answer - just upgraded to v5 of foundation and used next_on_click: false;.

Voila, it now works.