2016-10-17 4 views
0

私が直面している問題は、垂直オフセットを設定する必要がありますが、これはプラグインのパネルで設定できます。特定の画面サイズ、私のヘッダーは、小さなサイズのときに水平な大画面では垂直であるため、オフセットは小さなサイズでのみ必要です。幅の画面に応じてSlider Revolutionのオフセットjqueryオプションを変更するにはどうすればいいですか

幅が1100pxより大きい場合は、0pxが必要ですが、小さい方は125pxのオフセットが必要です。

ここ

は欲望のオプションでプラグインを開始するスクリプトである、と私はオフセットを変更するために必要な1本が1 あるfullScreenOffset

<script type="text/javascript"> 
       /****************************************** 
     - PREPARE PLACEHOLDER FOR SLIDER - 
    ******************************************/ 

    var setREVStartSize=function(){ 
     try{var e=new Object,i=jQuery(window).width(),t=9999,r=0,n=0,l=0,f=0,s=0,h=0; 
      e.c = jQuery('#rev_slider_2_1'); 
      e.responsiveLevels = [1240,1024,778,480]; 
      e.gridwidth = [1400,1240,778,480]; 
      e.gridheight = [868,768,960,720]; 

      e.sliderLayout = "fullscreen"; 
      e.fullScreenAutoWidth='on'; 
      e.fullScreenAlignForce='off'; 
      e.fullScreenOffsetContainer= ''; 
      e.fullScreenOffset=''; 
      if(e.responsiveLevels&&(jQuery.each(e.responsiveLevels,function(e,f){f>i&&(t=r=f,l=e),i>f&&f>r&&(r=f,n=e)}),t>r&&(l=n)),f=e.gridheight[l]||e.gridheight[0]||e.gridheight,s=e.gridwidth[l]||e.gridwidth[0]||e.gridwidth,h=i/s,h=h>1?1:h,f=Math.round(h*f),"fullscreen"==e.sliderLayout){var u=(e.c.width(),jQuery(window).height());if(void 0!=e.fullScreenOffsetContainer){var c=e.fullScreenOffsetContainer.split(",");if (c) jQuery.each(c,function(e,i){u=jQuery(i).length>0?u-jQuery(i).outerHeight(!0):u}),e.fullScreenOffset.split("%").length>1&&void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0?u-=jQuery(window).height()*parseInt(e.fullScreenOffset,0)/100:void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0&&(u-=parseInt(e.fullScreenOffset,0))}f=u}else void 0!=e.minHeight&&f<e.minHeight&&(f=e.minHeight);e.c.closest(".rev_slider_wrapper").css({height:f}) 

     }catch(d){console.log("Failure at Presize of Slider:"+d)} 
    }; 

    setREVStartSize(); 

       var tpj=jQuery; 

    var revapi2; 
    tpj(document).ready(function() { 
     if(tpj("#rev_slider_2_1").revolution == undefined){ 
      revslider_showDoubleJqueryError("#rev_slider_2_1"); 
     }else{ 
      revapi2 = tpj("#rev_slider_2_1").show().revolution({ 
       sliderType:"standard", 
       sliderLayout:"fullscreen", 
       dottedOverlay:"none", 
       delay:9000, 
       navigation: { 
        keyboardNavigation:"on", 
        keyboard_direction: "vertical", 
        mouseScrollNavigation:"on", 
         mouseScrollReverse:"default", 
        onHoverStop:"off", 
        touch:{ 
         touchenabled:"on", 
         swipe_threshold: 75, 
         swipe_min_touches: 1, 
         swipe_direction: "vertical", 
         drag_block_vertical: false 
        } 
        , 
        bullets: { 
         enable:true, 
         hide_onmobile:true, 
         hide_under:1024, 
         style:"zeus", 
         hide_onleave:false, 
         direction:"vertical", 
         h_align:"right", 
         v_align:"center", 
         h_offset:30, 
         v_offset:0, 
         space:5, 
         tmp:'<span class="tp-bullet-image"></span><span class="tp-bullet-imageoverlay"></span><span class="tp-bullet-title">{{title}}</span>' 
        } 
       }, 
       responsiveLevels:[1240,1024,778,480], 
       visibilityLevels:[1240,1024,778,480], 
       gridwidth:[1400,1240,778,480], 
       gridheight:[868,768,960,720], 
       lazyType:"none", 
       shadow:0, 
       spinner:"spinner2", 
       stopLoop:"on", 
       stopAfterLoops:0, 
       stopAtSlide:1, 
       shuffle:"off", 
       autoHeight:"off", 
       fullScreenAutoWidth:"on", 
       fullScreenAlignForce:"off", 
       fullScreenOffsetContainer: "", 
       fullScreenOffset: "", 
       disableProgressBar:"on", 
       hideThumbsOnMobile:"off", 
       hideSliderAtLimit:0, 
       hideCaptionAtLimit:0, 
       hideAllCaptionAtLilmit:0, 
       debugMode:false, 
       fallbacks: { 
        simplifyAll:"off", 
        nextSlideOnWindowFocus:"off", 
        disableFocusListener:false, 
       } 
      }); 
     } 
    }); /*ready*/ 
</script> 

私が検索していると見つけることができませんでした適切な答え。私はresize()関数を使用して知っているが、私はスクリプトの値を変更する方法を知らない。

ありがとうございます。

答えて

1

今、あなたはすでに「i」の変数に幅を持って、このようなステートメントは、変数オフセットであれば、あなただけの短いを作成することができます:あなたがそれを必要とする場合

e.fullScreenOffset = i > 1100 ? '0' : '125'; 

私にはわかりません最後の「px」または数字だけでなく、e.fullScreenOffsetContainer上になければならないかどうかもわかりませんが、とにかく、これが助けてくれることを願っています。

レオ。

+0

"これは完璧に動作しますが、e.fullScreenOffsetをfullScreenOffsetでコピーした後に値を取得する必要があります:" " しかし、私はこれをphpで実行する必要があります。これを' var sl_Prueba = e.fullScreenOffset; '、' echo "fullScreenOffset:" '。esc_attr($ slprueba)。' "、"。 "\ n"; "PHPの部分ではこれは変数の値を転送しません。 – amibumping

+1

あなたがstackoverflowで尋ねることができる質問は、PHPでJSと同じ変数を使うことはできないことを忘れないでください。PHPファイルへのajax呼び出しとして渡すか、JSでのみ使用して、後で使用するためのDOM要素。 JSコード内で変数を呼び出す場合は、必要に応じて変数を再度呼び出します。 – Leo

+0

ほんの少しだけ、変数に保存したい値があれば、その値をfullScreenOffsetにどのように出力できますか? – amibumping

関連する問題