【问题标题】:Skitter jQuery Slideshow - want to set time intervalSkitter jQuery Slideshow - 想要设置时间间隔
【发布时间】:2013-01-25 13:14:58
【问题描述】:

我发现了这个很棒的 jQuery 幻灯片,叫做 Skitter。这很棒!所以我在我最新的项目中实现了它。是否可以更改两个图像之间的时间间隔。我在他们的网站和 javascript 文件中的每个地方都进行了搜索。 在 jquery.skitter.js 页面下面有行

间隔:2500,
interval_in_elements: 300, // 间隔动画悬停元素 hideTools interval_out_elements: 500, // 间隔动画出元素 hideTools

我改变了那些,但那些行,但没有效果。

我的代码

<script>
$(document).ready(function() {

var options = {};

if (document.location.search) {
    var array = document.location.search.split('=');
    var param = array[0].replace('?', '');
    var value = array[1];

    if (param == 'animation') {
        options.animation = value;
    }
    else if (param == 'type_navigation') {
        if (value == 'dots_preview') {
            $('.border_box').css({'marginBottom': '40px'});
            options['dots'] = true;
            options['preview'] = true;
        }
        else {
            options[value] = true;
            if (value == 'dots') $('.border_box').css({'marginBottom': '40px'});
        }
    }
}
$('.box_skitter_large').skitter({interval: 3000});
$('.box_skitter_large').skitter(options);

// Highlight
$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});

});
</script>   
< div class="box_skitter box_skitter_large">

    <ul>        
    <?php 
    $galClass           =   "cube,cubeRandom,block,cubeStop,cubeHide,cubeSize,horizontal,showBars,showBarsRandom,tube,fade,fadeFour,paralell,paralell,blind,blind,blindHeight,directionTop,directionBottom,directionRight,directionLeft,cubeStopRandom,cubeSpread";
    $galClassArray      =   array_filter(explode(',',$galClass));

    foreach($getall_img as $all_image)  
    {
        if($all_image!='')
        {
            shuffle($galClassArray);
    ?>
            <li>
                <a href='<?php echo $all_image["img_link"];?>' target="_blank">
                    <img src="<?php echo $upload_path.$all_image["img_name"];?>" class="<?php echo $galClassArray[1];?>" width="950" height="320" />
                </a>
            <?php /*<div class="label_text"><p><?php echo $all_image["img_title"];?></p></div>*/?>
           </li>    

    <?php 
        } 
    }
    ?> 
    </ul>
</div>

【问题讨论】:

  • 明确说明:$('.box_skitter_large').skitter({interval: 3000}); 如果该插件有价值...(顺便说一句,这完全是错误的)它应该可以工作。没有看到一些代码 - 我们的双手被束缚了。
  • 我试过 $('.box_skitter_large').skitter({interval: 3000});那么就没有动画效果了。
  • 仍然,没有看到 HTML 片段和你使用插件的方式......你应该给我们买一个水晶球 :)
  • 如果您删除 $('.box_skitter_large').skitter(options); 会发生什么?

标签: javascript jquery slideshow


【解决方案1】:

看起来这样就完成了:

$('.box_skitter_large').skitter({interval: 3000});
$('.box_skitter_large').skitter(options);  // REMOVE THIS LINE TO PREVENT
                                           // PREVIOUS CUSTOM SETTINGS
                                           // OVERWRITE

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-02-18
    • 1970-01-01
    • 2011-11-09
    • 2020-06-21
    • 1970-01-01
    • 1970-01-01
    • 2018-06-26
    • 2023-03-04
    相关资源
    最近更新 更多