私はこの JQueryプラグインを使用しており、プラグイン ファイルから変更するのではなく、プラグインの構成を動的にロードできるようにしたいと考えています。プラグインのオプションは次のとおりです。
$.Slitslider.defaults = {
// transitions speed
speed : 800,
// if true the item's slices will also animate the opacity value
optOpacity : false,
// amount (%) to translate both slices - adjust as necessary
translateFactor : 230,
// maximum possible angle
maxAngle : 25,
// maximum possible scale
maxScale : 2,
// slideshow on / off
autoplay : false,
// keyboard navigation
keyboard : true,
// time between transitions
interval : 4000,
// callbacks
onBeforeChange : function( slide, idx ) { return false; },
onAfterChange : function( slide, idx ) { return false; }
};
彼らのデモファイルで、彼らはこのコードを与えます:
<script type="text/javascript">
$(function() {
var Page = (function() {
var $nav = $( '#nav-dots > span' ),
slitslider = $( '#slider' ).slitslider( {
onBeforeChange : function( slide, pos ) {
$nav.removeClass( 'nav-dot-current' );
$nav.eq( pos ).addClass( 'nav-dot-current' );
}
} ),
init = function() {
initEvents();
},
initEvents = function() {
$nav.each( function( i ) {
$( this ).on( 'click', function( event ) {
var $dot = $( this );
if( !slitslider.isActive() ) {
$nav.removeClass( 'nav-dot-current' );
$dot.addClass( 'nav-dot-current' );
}
slitslider.jump( i + 1 );
return false;
} );
} );
};
return { init : init };
})();
Page.init();
});
</script>
したがって、プラグインの構成をphpファイルから動的にロードできるようにしたいだけです。私が見つけた唯一の解決策は、プラグインファイル自体からオプションを変更することです。そのため、すべてのファイルをscript htmlタグでロードする必要があります。 phpファイルから!これは悪い解決策だと思います。確かに、よりクリーンな解決策があります
ありがとうございました