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
  • 相关阅读:
    专职DBA-MySQL体系结构与基本管理
    JSON
    MIME类型
    文件上传下载
    response常用的方法
    2020.11.27小记
    HTTP请求状态码
    1561. Maximum Number of Coins You Can Get
    1558. Minimum Numbers of Function Calls to Make Target Array
    1557. Minimum Number of Vertices to Reach All Nodes
  • 原文地址:https://www.cnblogs.com/windy2008/p/5868809.html
Copyright © 2011-2022 走看看