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

How to add a library in drupal 6 into a module file ( to run a slideshow created by flexslider )

本文关键字：运行 flexslider 幻灯片 创建 文件 drupal 添加 模块      更新时间：2023-09-26

我想在drupal 6中运行flexslider。

模块版本是7或更高，所以我将制作自己的模块来运行幻灯片的javascript。我不需要管理员控制，所以这只是一个问题，包括适当的。js和。css文件(我不确定)到我的模块。

我不确定在模块的哪里，这些文件应该被添加。通常模块文件至少有一个菜单部分和一个页面参数部分。包含的文件将放在哪里?

我刚刚将flexslider添加到我的Drupal 6站点，但我是在主题中这样做的。添加flexslider有两部分，第一部分是添加flexslider代码(CSS &第二步是更改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

  • 在我的info文件中，我添加了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.php和views-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 -->

希望这能帮助下一个人!

你可以在主题的info文件中添加js。为此，编辑主题的info文件并添加以下行scripts[] = 'custom.js'或你可以从你的模块中使用drupal_add_js函数来添加js文件

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

相关文章：