js实现图片左右滚动效果

需求：页面显示教师信息列表，列表中每一条数据显示图片滚动插件，每张图片的长宽及长宽比例各不相同。

前提条件：美工把静态页面写好

HTML代码：

@using Models;
@{
 List teacherList = ViewData["teacherList"] as List; //春雨树频道
 PagerModel pager = ViewData["pager"] as PagerModel;
}

 
教师团队
 @foreach (cms_content teacher in teacherList)
 {
  

   

    
   
   

    
@teacher.title
    

     @teacher.description
    
    

     

      
     
     

      
     
     

      

       @foreach (Tuple item in teacher.imgList)
       {
        

         
        
       }
      
     
    
   
   

  
 }
 

  共@(pager.totalRows)条信息
  首页
  上一页
  @pager.page/@pager.pageCount页
  下一页
  尾页
 

JS代码：

效果图：

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！