私が直面している問題は、垂直オフセットを設定する必要がありますが、これはプラグインのパネルで設定できます。特定の画面サイズ、私のヘッダーは、小さなサイズのときに水平な大画面では垂直であるため、オフセットは小さなサイズでのみ必要です。幅の画面に応じて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()関数を使用して知っているが、私はスクリプトの値を変更する方法を知らない。
ありがとうございます。
"これは完璧に動作しますが、e.fullScreenOffsetをfullScreenOffsetでコピーした後に値を取得する必要があります:" " しかし、私はこれをphpで実行する必要があります。これを' var sl_Prueba = e.fullScreenOffset; '、' echo "fullScreenOffset:" '。esc_attr($ slprueba)。' "、"。 "\ n"; "PHPの部分ではこれは変数の値を転送しません。 – amibumping
あなたがstackoverflowで尋ねることができる質問は、PHPでJSと同じ変数を使うことはできないことを忘れないでください。PHPファイルへのajax呼び出しとして渡すか、JSでのみ使用して、後で使用するためのDOM要素。 JSコード内で変数を呼び出す場合は、必要に応じて変数を再度呼び出します。 – Leo
ほんの少しだけ、変数に保存したい値があれば、その値をfullScreenOffsetにどのように出力できますか? – amibumping