###前提・実現したいこと
wordpressで、jQueryプラグイン「ImageNavigation」を正常に作動させたい。
###発生している問題・エラーメッセージ
wordpressで、jQueryプラグイン「ImageNavigation」(http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-imagenavigation.html)を使用しているのですが、画像が切り替わる際、animationTimeの設定が適用されず、フェードするように画像が切り替わりません。
timeの設定は作動しており、次の画像に切り替わるまでの時間は設定できています。また、bootstrapを使用しており、rootstrapというテーマを使っています。まったく動かないわけではなく、animationTime以外の動作は正常です。
一から自身で作ったものではなく、途中で引き継いだ形なのですが、原因箇所が特定できません。他のjQueryプラグインも複数入っており、一つずつ消してみたり、自分で試せることはしたつもりなのですが、知識が乏しく、ここで質問させていただきました。どなたかご教授いただければ幸いです。よろしくお願いします。
###ソースコード
-------------------------------function.phpの中----------------------------------------- //script.jsの読み込み //wp_enqueue_script('read_jquery', get_stylesheet_directory_uri() . '/js/script.js'); function load_scripts() { if ( !is_admin() ) { //bootstrap 子テーマでbootstrapのhonokaに切り替る wp_enqueue_style( 'rootstrap-bootstrap', get_stylesheet_directory_uri() . '/inc/css/bootstrap.min.css' ); wp_enqueue_style( 'rootstrap-icons', get_stylesheet_directory_uri().'/inc/css/font-awesome.min.css' ); wp_enqueue_script( 'my-script', get_stylesheet_directory_uri() . '/js/script.js', array( 'jquery'), '1.0', true ); wp_enqueue_script( 'height-line', get_stylesheet_directory_uri() . '/js/heightLine.js' ); wp_enqueue_script( 'imageNavigation', get_stylesheet_directory_uri() . '/js/jquery.imageNavigation.js' ); //wp_enqueue_script( 'bxslider', get_stylesheet_directory_uri() . '/js/jquery.bxslider.min.js' ); //wp_enqueue_script( 'galleriffic', get_stylesheet_directory_uri() . '/js/jquery.galleriffic.js' ); //wp_enqueue_script( 'opacityrollover', get_stylesheet_directory_uri() . '/js/jquery.opacityrollover.js' ); } } ------------------------------------script.jsの中------------------------------------------------ //トップのjs $(function(){ $("#image-navigation").imageNavigation({ time:3000, animationTime:500, rolloverTime: 500, rolloutTime: 500 }); });
###補足情報(言語/FW/ツール等のバージョンなど)
jquery バージョン1.11.3
bootstrap バージョン4.4.1
jQueryプラグイン「ImageNavigation」http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-imagenavigation.html
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/05 04:37