我想在drupal 6中运行flexslider。
模块版本为7或更高版本,因此我将创建自己的模块来运行javascript进行幻灯片放映。我不需要管理员控制,因此只需将相应的.js和.css文件(我不确定)包含在我的模块中。
我不确定模块中的哪个位置应该添加这些文件。通常,模块文件至少包含一个菜单部分和一个页面参数部分。包含的文件会在哪里?
答案 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.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 -->
希望能帮助下一个人!
答案 1 :(得分:0)
您可以在主题的信息文件中添加js。为此编辑您的主题的信息文件并添加此行脚本[] ='custom.js' 要么 您可以使用模块中的drupal_add_js函数添加js文件
添加库复制库并粘贴到库文件夹