Bootstrap Modal Carousel(模态轮播)

Bootstrap Modal Carousel (模态轮播)组建一个图片库轮播

他是 https://drupal.org/project/twitter_bootstrap_modal的一个子模块.

他获取图片位置并显示他们在轮播里, 这个轮播是通过点击来触发图库中的任何图片

对于一个标准用法应遵循以下步骤:

1.- 定义一个图片库, 典型的是从一个节点或其他entity(实体)的多图片字段

2.- 从图片链接中确定一个jQuery选择器

<div class="field field-name-field-image field-type-image field-label-hidden">
  <div class="field-items">
    <div class="field-item odd" rel="og:image rdfs:seeAlso" resource="http://www.xxxxxxxx.com/sites/default/files/styles/thumbnail/public/field/image/photo_1.png?itok=VN3Z1NJW">
      <a href="http://www.xxxxxxx.com/sites/default/files/field/image/photo_1.png">
        <img typeof="foaf:Image" src="http://www.xxxxxxxx.com/sites/default/files/styles/thumbnail/public/field/image/photo_1.png?itok=VN3Z1NJW" width="75" height="100" alt="Foto 2">
      </a>
    </div>
  </div>
</div>

在前面的例子中(选自文章图片字段), 选择器应是 ".field-type-image a"

3.- 前往 Modal Carousel 管理页面,他位于 /admin/config/development/jquery_ajax_load/TB_carousel 并添加你的 jQuery 选择器到有效 jQuery 类/ID 来触发 TB carousel Modal 字段 (每行一个).

4.- 定义你要加载脚本的那个页面,出于性能考虑,不应该广泛使用

添加新评论