jQueryの値をランダム化

Question

そのスライダのFancyTransitionsはランダムな効果をサポートしていません。そのため、私はeffect: 'curtain'の値を "カーテン"、 "ジッパー"、または "波"のいずれかにランダムにする必要があります。あなたの周りに良い仕事がない限り。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#slideshowHolder').jqFancyTransitions({ 
     width: 500, // width of panel 
     height: 333, // height of panel 
     strips: 10, // number of strips 
     delay: 4000, // delay between images in ms 
     stripDelay: 50, // delay beetwen strips in ms 
     titleOpacity: 0.7, // opacity of title 
     titleSpeed: 1000, // speed of title appereance in ms 
     position: 'alternate', // top, bottom, alternate, curtain 
     direction: 'random', // left, right, alternate, random, fountain, fountainAlternate 
     effect: 'curtain', // curtain, zipper, wave 
     navigation: false, // prev next and buttons 
     links : false // show images as links             }); 
    }); 
</script> 

Answer 1

あなたは

effect: ['curtain', 'zipper', 'wave'][Math.floor(Math.random() * 3)] 

を意味していますか？

Answer 2

を使用すると、エフェクトのパラメータをランダム化できるように、それを変更する必要があるので...

var effect; 
var i = Math.floor((Math.random()*3)+1); 

if (i==1) effect = "curtain"; 
if (i==2) effect = "zipper"; 
if (i==3) effect = "wave"; 

Answer 3

var effects = ["curtain", "zipper", "wave"]; 

$(document).ready(function(){ 
    $('#slideshowHolder').jqFancyTransitions({ 
    ... 
    effect: effects[Math.floor(Math.random() * 3)], // curtain, zipper, wave 
    ... 
    }); 
}); 

Answer 4

プラグインは、遷移のためのコールバックを持っていないようなものを試してみてください。

params.effect = ['curtain', 'zipper', 'wave'][Math.floor(Math.random() * 3)];をプラグインコードの$.transition関数の先頭に追加すると、各トランジションのエフェクトパラメータがランダムに設定されます。テストされていませんが、これは方法でなければなりません。

cycleやnivo-sliderなどの優れたスライドショープラグインを使用することを強くおすすめします。