如何将drupal 6中的库添加到模块文件中(运行flexslider创建的幻灯片)

时间:2013-04-28 13:56:11

标签: javascript drupal drupal-6

我想在drupal 6中运行flexslider。

模块版本为7或更高版本,因此我将创建自己的模块来运行javascript进行幻灯片放映。我不需要管理员控制,因此只需将相应的.js和.css文件(我不确定)包含在我的模块中。

我不确定模块中的哪个位置应该添加这些文件。通常,模块文件至少包含一个菜单部分和一个页面参数部分。包含的文件会在哪里?

2 个答案:

答案 0 :(得分:1)

我刚刚在Drupal 6网站上添加了flexslider,但我在主题中这样做了。添加flexslider有两个部分,第一部分是向页面添加flexslider代码(CSS& JS),第二部分是更改标记Drupal输出,以便flexslider可以正确地定位它。

@pamatt要求澄清您的第一个问题是正确的。您还没有告诉我们您想使用哪个Drupal来生成flexslider将要定位的标记:块,视图,字段?模块可以提供任何(或所有)这些东西,但它是如何完成的。

我在主题中添加了FlexSlider,如下所示:

  • 首先,我添加了jQuery更新模块(将jQuery更新为1.3.2)。

  • 我从https://github.com/woothemes/FlexSlider/tree/flexslider1下载了FlexSlider 1.8,因为这是适用于jQuery 1.3.2的最新版本

  • 在我的信息文件中,我添加了CSS和JS(当然还将这些文件放在这些文件夹中)

    stylesheets[all][]   = css/flexslider.css
    scripts[]            = js/jquery.flexslider.js
    
  • 在我的page.tpl.php文件的头部,我添加了代码来连接我的滑块:

    <script type="text/javascript" charset="utf-8">
      $(window).load(function() {
        $('.flexslider').flexslider();
      });
    </script>
    

(在您的情况下,如果您只需要主页上的滑块,则可以将此代码放入page--front.tpl.php文件中。)

我选择使用视图来生成输出,因此我还覆盖了两个模板文件views-view--featured.tpl.phpviews-view-unformatted--featured.tpl.php的输出。这是我添加flexslider推荐的标记的地方:

    <div class="flexslider">  <!-- change class in the outer template from view-content -->

      <ul class="slides">  <!-- add a UL into the inner template -->
        <?php foreach ($rows as $id => $row): ?>
        <li>  <!-- this LI replaces a div in the inner template -->
          <?php print $row; ?>
        </li>
        <?php endforeach; ?>
      </ul>

    </div>  <!-- this div is in the outer template -->

希望能帮助下一个人!

答案 1 :(得分:0)

您可以在主题的信息文件中添加js。为此编辑您的主题的信息文件并添加此行脚本[] ='custom.js'  要么  您可以使用模块中的drupal_add_js函数添加js文件

添加库复制库并粘贴到库文件夹