如何让旋转木马为drupal网站工作

How to get ths carousel working for a drupal site

本文关键字：drupal 网站 工作 旋转木马      更新时间：2023-09-26

我正在使用Drupal 6来构建一个网站。我需要插入一个转盘。尽管drupal插件声称它们让它变得很容易，但我一直在尝试"永远"，但就是无法让它发挥作用。我承认我不是php开发人员，也不是html/js开发人员。但我想，如果这很容易的话，我不应该拥有这些技能。

现在，我指的是http://dev.herr-schuessler.de/jquery/popeye/demo.html并且已经将第一个样本放置在drupal中的页面内容的主体（完整的html）中。我还下载了jQuery-popeye.zip，并在sites/default/files文件夹中解压缩。

如果我没有猜错的话，我需要class="ppy-outer"来引用这个下载的js文件。那么，我该把js文件放在drupal路径的哪里呢？

我的页面内容正文中的代码

<div class="ppy-outer">
    <div class="ppy-stage">
        <div class="ppy-nav">
            <a class="ppy-prev" title="Previous image">Previous image</a>
            <a class="ppy-switch-enlarge" title="Enlarge">Enlarge</a>
            <a class="ppy-switch-compact" title="Close">Close</a>
            <a class="ppy-next" title="Next image">Next image</a>
        </div>
    </div>
</div>
<div class="ppy-caption">
    <div class="ppy-counter">
        Image <strong class="ppy-current"></strong> of <strong class="ppy-total"></strong> 
    </div>
    <span class="ppy-text"></span>
</div>

编辑：让一个简单的旋转木马工作真是太痛苦了，我不得不转到wordpress。我对drupal期望更高。但wordpress的影响力很大。在这里比较wordpress和drupal。

要在drupal中创建一个旋转木马，我必须使用几个不同的模块。

视图、图像上传和CCK

我创建了一个内容类型，允许用户上传图像并指定alt文本和标题文本。

接下来，我必须创建一个只显示此内容类型并按更新日期排序的视图。

在这一点上，我不得不创建两个模板来设置视图的样式。

现在，在我想放置旋转木马的页面上，我放置了一些代码，这些代码会拉入视图。对我来说是：

<?php
  $view = views_get_view('Main_Slider');
  if ($view) {
    print $view->execute_display('default');
    unset ($view);
  }
?>

现在使用javascript，我必须找到视图中的所有图像，并将它们放入li标记中。

对我来说，我用过：

$("li.mainsliderimg").appendTo("ul#main-slider");

现在这一切都完成了，我调用了显示图像的旋转木马！

只是一个相关的参考

对于正在使用以下内容的用户：-Drupal中的Bootstrap 3主题-JQuery更新模块

问题：引导程序的转盘部分工作，但上一个/下一个按钮不工作

解决方案：禁用Bootstrap 3中的"平滑滚动"功能转到外观>设置>JavaScript>锚点>取消选中"启用平滑滚动"由于某种原因，该功能将使转盘的上一个/下一个按钮无法正常工作

相关文章：