css - drupal中图像的自定义类

标签 css drupal-7 colorbox

我的基本要求是在页面上显示一张图片,单击该图片会显示该内容类型中所有图片的彩盒幻灯片。

https://www.drupal.org/node/1026112

这是我得到的解决方案。为其余图像应用 display:none css。为此,我需要不同的图像类。我不知道该怎么做。我有一些解决方案,例如添加 preprocess_image 函数,但它似乎不起作用。我可以在这里得到一些帮助吗?

最佳答案

我们过去使用 Lightbox2 提供的“图像集”选项来做到这一点Drupal 模块。我们有一个客户请求显示一张图片,然后在 CMS 中与该内容关联的图片的同一页面上打开幻灯片。这个模块说:

If you have a set of images that you would like to group together in a
lightbox, but only wish for one of these images to be visible on your page, you
can assign the "lightbox_hide_image" class to hide the additional images.  For
example:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]" class="lightbox_hide_image">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]" class="lightbox_hide_image">image #3</a>

您可以创建自定义节点模板,以所需格式呈现图像。 希望对您有所帮助!

关于css - drupal中图像的自定义类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44040225/

相关文章:

javascript - 禁用表数据中控件的单击事件

php - 表格标题未正确对齐

php - 使用 sabberworm/PHP-CSS-Parser 解析 css 文件

drupal-7 - 如何获取 View 的路径

css - Drupal 7 表单验证失败后缺少 css 规则

php - 实体元数据包装器异常 : unknown data property for field

javascript - Colorbox 未在 IE 中加载 ajax URL

jquery - 我是否使用 jQuery noconflict 来避免插件冲突?

javascript - 如何将变量从 iframe 传递到父窗口?

css - 无法重置-webkit-filter : in inner div