Question

我正在使用nivoslider并有4个不同的幻灯片，对于每张幻灯片，我想要不同的效果，如每个不同的幻灯片，淡入淡出，折叠和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++;

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

如何动态显示nivoslider中的不同效果

1 个答案: