zoukankan      html  css  js  c++  java
  • ECMAScript对文件夹图片幻灯片播放

    代码如下:

    var curContext = null;
    var curWeb = null;
    var picListTitle = "PictureLib";
    var folderName = "PictureSlide";
    var liTemp = "<li style='background-image: url({0});'></li>";
    
    $(document).ready(function () {
        curContext = SP.ClientContext.get_current();
        curWeb = curContext.get_web();
        
        ShowSlidePics();
        
    });
    
    function ShowSlidePics()
    {
        var camlQuery = SP.CamlQuery.createAllFoldersQuery();
        //var folderUrl = "/teams/ap1/gctech/DEV/PictureLib/" + folderName+"/"; ///teams/ap1/gctech/DEV
        //camlQuery.set_folderServerRelativeUrl(folderUrl);
        camlQuery.set_viewXml("<View Scope='RecursiveAll'><Query><Where><Contains><FieldRef Name='FileDirRef'/><Value Type='Text'>/PictureSlide</Value></Contains></Where></Query></View>");
    
        var picList = curWeb.get_lists().getByTitle(picListTitle);
        var fileItems = picList.getItems(camlQuery);
        curContext.load(fileItems, 'Include(ID, Title, FileRef)');//, FileLeafRef, FileDirRef
        curContext.executeQueryAsync(Function.createDelegate(this, onQuerySucceeded), Function.createDelegate(this, onQueryFailed));
    
        function onQuerySucceeded(sender, args) {
            var itemInfo = '';
            var itemEnumerator = fileItems.getEnumerator();
    
            while (itemEnumerator.moveNext()) {
                var item = itemEnumerator.get_current();
                itemInfo += liTemp.replace("{0}", item.get_item('FileRef'));
            }
    
            $("#divBanner ul").html(itemInfo);
    
            StartBindSlide();
        }
        function onQueryFailed(sender, args) {
            console.log('Request failed. ' + args.get_message() + '
    ' + args.get_stackTrace());
        }
    
        function StartBindSlide()
        {
            $('#divBanner').unslider({
                speed: 500,     // speed
                delay: 3000,    // delay
                keys: true,     // enable Key
                dots: true      //  dots
            });
    
            var unslider = $('#divBanner').unslider();
            $('.unslider-arrow').click(function () {
                var fn = this.className.split(' ')[1];
                //  Either do unslider.data('unslider').next() or .prev() depending on the className
                unslider.data('unslider')[fn]();
            });
        }
    }
    View Code
  • 相关阅读:
    (转)fabric 一个链码如何调用另一个链码
    (转)Java静态内部类的实例化问题
    解决Linux 下 root用户删除文件提示:Operation not permitted
    Mybatis Update操作返回值问题
    mybatis {arg0} 与 {0}
    乐观锁 -业务判断 解决高并发问题
    (转)漫谈MySql中的事务
    (转)ThreadLocal-面试必问深度解析
    (转)Thread的中断机制(interrupt)
    多线程
  • 原文地址:https://www.cnblogs.com/windy2008/p/5868809.html
Copyright © 2011-2022 走看看