nivo-slider - 如何在 nivoslider 中动态显示不同的效果

Question

我正在使用 nivoslider 并有 4 张不同的幻灯片，对于每张幻灯片，我想要不同的效果，如 slideInLeft、fade、fold 和 sliceUpDown 用于每个不同的幻灯片。我的滑块运行良好，只是我需要为每个幻灯片提供不同的滑动效果。我正在使用 codeigniter。欢迎任何帮助/建议。谢谢

<img src="uploaded_files/banner/<?php echo $banner->file ?>" data-thumb="uploaded_files/banner/<?php echo $banner->file ?>" alt="" data-transition="slideInLeft"/>
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>

Answer 1

这很简单。我只需要添加一些条件，如下所示。

$i = 1;
if($i=='1') $transition = 'slideInLeft';
                            elseif($i=='2') $transition='fade';
                            elseif($i=='3') $transition='fold';
                            else $transition = 'sliceUpDown';
                                ?>
                                <img src="uploaded_files/banner/<?php echo $banner->file ?>" data-thumb="uploaded_files/banner/<?php echo $banner->file ?>" alt=""  data-transition="<?php echo $transition?>"/>      


                     $i++; 

它有效，但如果有人有比这个更好的想法，请分享。