📌  相关文章
📜  Materialize-css JS媒体

📅  最后修改于: 2021-01-07 00:53:07             🧑  作者: Mango

实现JS Media

Materialize JS媒体组件指定与大型媒体对象(例如图像，视频，音频等)有关的内容。

物料箱

材料盒是Lightbox插件的材料设计实现。当用户单击图像时，图像将被放大。材质框使图像居中并以平滑，无震颤的方式放大。如果要关闭图像，则可以再次单击图像，滚动鼠标或按ESC键。

的JavaScript

的JavaScript

例

让我们以一个示例来演示“材质”框中的媒体(图像)。



   
      The Materialize Cards Example

输出：


字幕

您可以轻松地在照片中添加一个简短标题。只需将标题添加为数据标题属性即可。

例



   
      The Materialize Cards Example

输出：


滑杆

滑块是一个简单而优雅的图像轮播。您还可以根据字幕的对齐方式自行转换字幕。您还可以在滑块底部显示指示器。

注意：这也与Hammer.js兼容！尝试用手指轻扫以滚动滑块。



   
      The Materialize Cards Example
            
      
      
                 
       
    
    
     

    
    
      
  • 
         
        
    
          
    This is our big Tagline!
    
          
    Here's our small slogan.
    
        
    
      
    • 
      
  • 
         
        
    
          
    Left Aligned Caption
    
          
    Here's our small slogan.
    
        
    
      
    • 
      
  • 
         
        
    
          
    Right Aligned Caption
    
          
    Here's our small slogan.
    
        
    
      
    • 
      
  • 
         
        
    
          
    This is our big Tagline!
    
          
    Here's our small slogan.
    
        
    
      
    •

输出：