Javascript 如何让旋转木马为drupal站点工作
我正在使用Drupal6构建一个网站。我需要插入一个旋转木马。尽管drupal插件声称它们使它变得简单,但我一直在“永远”地尝试,只是无法让它工作。我承认我不是php开发人员,也不是html/js开发人员。但是我想如果我认为这很容易的话,我就不需要这些技能了 现在,我指的是drupal中页面内容的正文(完整html)中的第一个示例。我还下载了jQuery-popeye.zip并在sites/default/files文件夹中解压缩 如果我猜对了,我需要class=“ppy outer”来引用这个下载的js文件。那么,我应该把js文件放在drupal路径的什么地方呢 我的页面内容主体中的代码Javascript 如何让旋转木马为drupal站点工作,javascript,html,drupal,drupal-6,carousel,Javascript,Html,Drupal,Drupal 6,Carousel,我正在使用Drupal6构建一个网站。我需要插入一个旋转木马。尽管drupal插件声称它们使它变得简单,但我一直在“永远”地尝试,只是无法让它工作。我承认我不是php开发人员,也不是html/js开发人员。但是我想如果我认为这很容易的话,我就不需要这些技能了 现在,我指的是drupal中页面内容的正文(完整html)中的第一个示例。我还下载了jQuery-popeye.zip并在sites/default/files文件夹中解压缩 如果我猜对了,我需要class=“ppy outer”来引用这个
<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>
.要在drupal中创建旋转木马,我必须使用几个不同的模块
视图、图像上传和CCK
我创建了一个内容类型,允许用户上传图像并指定alt文本和title文本
接下来,我必须创建一个只显示此内容类型并按更新日期排序的视图
此时,我必须创建两个模板来设置视图的样式
现在在页面上,我想放置旋转木马,我放置了一些代码,可以在视图中拖动。对我来说是:
<?php
$view = views_get_view('Main_Slider');
if ($view) {
print $view->execute_display('default');
unset ($view);
}
?>
现在,这是完整的,我然后呼吁旋转木马显示的图像 只是一个相关的参考
对于正在使用:
-Drupal中的Bootstrap3主题
-JQuery更新模块
问题:
引导的旋转木马部分工作,但没有“上一个/下一个”按钮
解决方案:
禁用引导3中的“平滑滚动”功能
转到外观>设置>JavaScript>锚定>取消选中“启用平滑滚动”
由于某些原因,此功能将使carousel的“上一个/下一个”按钮无法正常工作我最近不得不在drupal上执行carousel。我必须将它们实际编码到我的模板文件中:/你能给我具体的操作步骤吗?我会的,但我的答案很长,它涉及到使用大约3-4个不同的模块,php和javascript。对不起:/你能分享一些“提示”吗,这样我就可以走正确的方向了?:)我的回答有帮助吗?如果是,你能接受吗?:)ThanksPage->Home->Edit->Input Type Full HTML->添加了您需要的内容,您需要转到admin/settings/filters并激活启用phpI的PHP模块。这很好。我要展示旋转木马。现在,我如何让我的图像显示在这里?它显示的是旋转木马,而不是图像。或者我不知道如何获得与旋转木马相关的图像。我希望使用默认的/all/files路径。我将在这里复制carousel1.png carousel2.png carousel3.png。
$("li.mainsliderimg").appendTo("ul#main-slider");