Question

我有一个问题，当鼠标滑过滑块显示的图片时，声音（非常短，就像一个bing）会播放。在正常情况下，我知道如何使用html，css和javascript来做到这一点。我在这里有一个很好的例子：https://freesound.org/people/Timbre/sounds/232210/ 让我们说，Drupal page.tpl.php中的类被称为图片。由于我是Drupal的新手，我应该如何通过仅使用javascript或jquery来使这个功能工作？有什么意见吗？

Answer 1

对于Drupal，您应该使用drupal_add_js()添加脚本。您可以添加文件或内联js并设置一些选项，例如它是否应该出现在每个页面上，是否应该添加到页脚或页眉中，如果它需要jQuery。

您可以使用以下内容创建一个js文件：

jQuery(document).ready(function($) {
    var mySound = document.createElement('audio');
    mySound.setAttribute('src', '/path/to/my/sound.mp3');

    //play the sound when the visitor moves the mouse over
    //an element with the class 'picture'. 
    $('.picture').mouseover(function() {
        mySound.play();
    });
});

然后在您的主题或模块中，您可以使用hook_page_alter添加您的js：

drupal_add_js(
  '/path/to/js/script.js',
  array(
    'type' => 'file',
    'scope' => 'footer',
    'group' => JS_THEME, //or JS_DEFAULT if module
    'every_page' => false,
    'requires_jquery' => true,
  )
);

您可以将其包含在某种if语句中，只将其加载到您需要的页面上。

希望有所帮助！

鼠标上的Drupal播放声音

1 个答案: