0

どこかでエラーが発生しましたが、それを理解することはできます。ページに素敵な効果をもたらすはずの mouseover.js スクリプトがあります。画像にマウスを合わせると、画像がグレースケールからカラー バージョンに切り替わります。

スクリプトは次のように header.php にロードされます。

<script src="<?php bloginfo( 'stylesheet_directory' );?>
    /js/mouseover.js" type="text/javascript"></script>

完全なスクリプトはこちら: http://pastebin.com/yeBtedcg

このスクリプトが機能するページは次のとおりです: http://www.capital-restaurants.com/web/menu (メニュー画像はすべてグレースケールで、マウスオーバーでのみ色が表示されます)。

以前にスクリプトを使用していたので、スクリプトが正常に動作することはわかっていますが、今は不足しているものを見つけることができないようです。

4

2 に答える 2

1

ページは www.domain.com で、画像は domain.com から読み込まれているため、canvas.getImageData はセキュリティ上の理由で機能しません。画像を同じドメインに変更してください。

于 2012-06-19T22:14:17.727 に答える
0

mouseover.jsが読み込まれているので、WordPressの統合に問題はありません。ただし、WordPressプラグインの正しい方法でスクリプトを追加することは実際には行われていないことに注意してください。wp_enqueue_scriptを見てください。

ヘルパー関数は次のとおりです。

function add_static_js_asset( $asset_name, $asset_path, $dependencies = false, $version = null, $in_footer = false ) {

        $dependencies = ( is_bool( $dependencies ) ) ? $dependencies : false;
        $version = ( !empty( $version ) ) ? $version : '0.1';
        $in_footer = ( is_bool( $in_footer ) ) ? $in_footer : false;

        if ( empty( $asset ) ) {
                return false;
        }                                                                                                      

        wp_enqueue_script( "{$asset_name}_script", $asset_path), $dependencies, $version, $in_footer );

}
于 2012-06-19T22:07:35.043 に答える