• 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
  • 相关阅读:
    nginx不支持pathinfo模式解决方法
    php只保留两位小数
    分享图文到QQ空间
    android 使用信鸽推送通知栏不显示推送的通知?
    Editetext获取焦点后让输入软键盘中出现搜索按键
    Android EditText的使用过程中遇到的问题
    在线根据现有apk生成指定id的推广apk (已过时)
    @Validated和@Valid区别
    idea快捷键使用总结
    大概
  • 原文地址:https://www.cnblogs.com/windy2008/p/5868809.html
Copyright © 2020-2023  润新知