Foundation 图片2

简洁的弹窗
Foundation 可以很容易实现图片弹窗。

要创建一个弹窗可以在

• 元素上添加 .clearing-thumbs 类及 data-clearing 属性。在
  • 内添加图片列表。

    注意: 图片弹窗需要 JavaScript。所以使用它前需要初始化 Foundation JS。

    实例

    • 
      
    • 
    • 
      
    • 
    • 
      
    • 
    • 
      

    
    尝试一下 »
    图片文本描述
    可以添加 data-caption 属性到每个图片来设置图片的描述:

    实例

    • 
      
    • 
    • 
      
    • 
    • 
      
    • 
    • 
      
    
    尝试一下 »
    Note 提示： 你可以在 data-caption 属性中添加 HTML 元素，如 data-caption="

    Pulpit Rock

    Located in Norway

    "