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

时间:2012-03-14 11:25:33

标签: javascript html drupal drupal-6 carousel

我正在使用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 here

2 个答案:

答案 0 :(得分:1)

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

观看,图片上传和CCK

我创建了一种内容类型,允许用户上传图片并指定替代文字和标题文字。

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

我必须创建2个模板,以便在此时设置视图样式。

现在在页面上,我想放置旋转木马,我放置了一些可以拉入视图的代码。对我来说是:

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

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

对我来说,我用过:

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

现在这已经完成了,然后我打电话给显示图像的旋转木马!

答案 1 :(得分:1)

只是一个相关的参考

对于正在使用的人: - Drupal中的Bootstrap 3主题 - JQuery Update模块

问题: Bootstrap的轮播部分工作但不是上一个/下一个按钮

解决方案: 禁用&#34;平滑滚动&#34; Bootstrap 3中的功能 转到外观&gt;设置&gt; JavaScript&gt; ANCHORS&gt;取消选中&#34;启用平滑滚动&#34; 由于某种原因,此功能将使旋转木马的上一个/下一个按钮无法正常工作