SharePoint专家新闻轮转器WebPart----亲測力推之Web部件

项目截图:




注意:

专家新闻轮转器还在測试阶段。期待大家讨论和跟踪问题。

项目描写叙述:

专家新闻轮转器是一个SharePoint Web 部件。基于jQuery Image Rotator 图片轮转器。可以滚动通知列表中的内容。
1. 每一个新闻项目一个图片
2. 每一个新闻项目一个缩略图
3. 可限制新闻项目数
4. 通过SharePoint 视图过滤筛选项目

部署方法步骤:

1. 首先,点击下载wsp文件,并部署此Web部件。

点击此处下载

2. 在网站首页加入此Web部件。

点击编辑此Web部件。

有两个自己定义的设置:

首先是第一个General Setting 常规设置。

基本不用更改这方面的设置,能够自己琢磨一下各个属性。

第二个是选择一个通知列表。主要轮转的新闻就是这个通知的项目。

1. 设置News Image URL Column为Image File。
2. 设置News Thumb Image URL Column 为Image Thumb Url。

然后
3. 我们在通知列表中加入两个栏目Image File和Image Thumb Url,类型均为Image Uploader。
4. 第一个Image File宽度270px。
5. 第二个50px。
6. 记住此列表要禁用附件。
7. Upload Image to the following list属性自己设置一个图片库就能够。

我这里用的一个catPic的图片库,放了很多小猫的图片。
8. 在通知列表中添加几个通知项目。

写上标题、到期时间、在上载两张普通图片(缩略图会自己主动生成)。

完成以后在网站首页查看此Web部件。

就会看到美丽的新闻轮转器啦。点击左側大图的标题还能进入通知列表查看内容。

PS:

1. 注意通知列表的名称不要带中文。

建议全英文,要符合命名最佳实践。

2. 我试过支持jpg图片,不支持png。

各位网友能够试一试其它格式的。

终于效果:


最新文章

  1. Java多线程整理(li)
  2. 【POJ 2318】TOYS 叉积
  3. SpringMVC如何接收application/json内容编码类型的参数?
  4. django rest_framework--入门教程2
  5. html+css复习之第2篇 | javascript
  6. Echarts - js-20160611
  7. Sublime text3配置LiveReload
  8. android 时间滚动控件 底部弹出
  9. opencv做的美女找茬程序~
  10. Redis系列之(二):Redis主从同步,读写分离(转)
  11. 2.2. 添加托管对象模型(Core Data 应用程序实践指南)
  12. Elasticsearch高级搜索排序( 中文+拼音+首字母+简繁转换+特殊符号过滤)
  13. 浅谈oracle树状结构层级查询测试数据
  14. Spring MVC 学习总结(九)——Spring MVC实现RESTful与JSON(Spring MVC为前端提供服务)
  15. 【Noip2015】斗地主
  16. 20165220 2017-2018-2《Java程序设计》课程总结
  17. [转]Linux Shell 1>/dev/null 2>&1 含义
  18. JavaScript学习 - 基础(二) - 基础类型/类型转换
  19. kafka+docker+python
  20. mysql添加外键的4种方式

热门文章

  1. 二叉搜索树BStree
  2. session cookie的区别最全总结
  3. Codeforces Round #127 (Div. 1) D. Brand New Problem 暴力dp
  4. [Android Memory] Linux下malloc函数和OOM Killer
  5. [Eclipse插件] Eclipse中如何安装和使用GrepCode插件
  6. OpenShift应用镜像构建(1) S2I tomcat 镜像定制
  7. 支持向量机(SVM)介绍
  8. 万里长征第二步——django个人博客(第七步 ——上传文件)
  9. Kafka的架构设计(目前翻译最好的一稿)
  10. unity stuck when building