SharePoint 门户网站的图片轮播-页面定制

news/2024/5/17 5:00:36/文章来源:https://linyu.blog.csdn.net/article/details/9251995

这个想法是自己突然的一个想法,想想我们经常用SharePoint做门户网站,不知道你们多数项目都是怎么完成的,我们客户要求的效果都还是很严格的,所有展现起来,还是很漂亮的,但是很多时候的效果,还是难以展现,实在让人头疼。好在SharePoint还给我们提供了对象模型,我们可以使用web部件来完成展现,不过这不是我们今天的主题,web部件的基本功要求比较高,尤其编程能力,我的编程不好,大学学的C++就不好,自学的asp.net更加一知半解,好了,废话又多了,大家不要见怪啊!我们今天要做的,是通过js脚本来实现图片轮播,看看新浪首页的图片轮播吧,还是可以的,我们呢就用一段js实现,好了,废话不说了,开始动手去做!Come on!!

1、还记得上次我们讨论的SharePoint四个定制页么?!什么。。不记得了,自己回去找找。。

http://www.cnblogs.com/jianyus/archive/2011/10/13/2210977.html

大家参考一下AllItems页得定制,这个我就不多说了,看看,所有的图片都在上面,我们让它动起来!

2、想想js轮播至少需要src,貌似也只需要src,好了,问题就在这,图片都在这了,我们怎么让他轮播呢?!好吧,不卖关子了,就是简单的

document.getElementById("").src;//js语句

这样的js语句就行了,然后我嫩需要做的就是双引号里面的ID了,对吧。好,开动脑筋,怎么获取这个ID,经过很长时间的思考,多张时间呢?!我也不记得了。。反正很长!其实,页面上显示的是四张图片,每张图片都是有xsl语句循环出来的,我们要做的,就是在img标签上,添加一个ID的属性。

<img  src="{@_x76f8__x7247_}" width="95" height="140"/>

就像昨天的img标签,还记得么?!在id上加上 id="p{@ID}" 就是<img id="p{@ID}" src="{@_x76f8__x7247_}" width="95" height="140"/>

我用js alert了一下document.getElementById("p1").src;,确实是图片的路径,没有问题。好了,第一张图片是p1,第二张是p2...类推

3、相信得到这个结果了,大家的js实现图片轮播也就马山可以做了!好了,大家试试看吧。不管你信不信,反正我是信了。下面是我测试的图片轮播,哎,我的样式太差了,好吧,这不是重点。

ps:话说我的水平有限,大家觉得简单不要见笑啊,就是给大家提供一个不同的思路,我的理念是将定制进行到底!拒绝代码!

 

作者:霖雨
出处:http://www.cnblogs.com/jianyus
本文版权归 霖雨和博客园共有,欢迎转载,但请注明出处。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_843496.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SharePoint 2010 电子书下载网站推荐

最近一直搜集SharePoint2010的资料&#xff0c;偶尔发现一个网站还不错&#xff0c;推荐给大家&#xff0c;皮皮书屋http://www.ppurl.com/tag/sharepoint&#xff0c;里面有很多SharePoint2010的电子书&#xff0c;虽然都是全英的&#xff0c;但是每本书去卓越都要好几百RMB的…

SharePoint 2010 网站备份还原简单介绍

今天尝试了SharePoint2010网站的备份和还原&#xff0c;从网上搜一些文档看看&#xff0c;然后自己试试&#xff0c;感觉和2007的操作没什么太大的区别&#xff0c;跟大家分享下自己尝试的命令行方式和数据库的方式&#xff0c;2007自己常用的也是这两种方式。 1、 命令行的方式…

Sharepoint 2010 自定义WebService 找不到网站应用程序

错误描述&#xff1a;Net 开发WebService调用Microsoft.SharePoint.dll的服务器端对象模型&#xff0c;出现找不到网站的应用程序&#xff0c;或者出现500错误。 错误截图&#xff1a; [Webservice调用页错误] System.IO.FileNotFoundException: 找不到位于 http://localhos…

SharePoint 搜索爬网第三方网站配置

介绍&#xff1a;SharePoint的搜索着实强大&#xff0c;而且最近用到SharePoint搜索第三方爬网&#xff0c;感觉收获挺大&#xff0c;而且网上资料没找到太多类似的&#xff0c;就小记录一下&#xff0c;分享给大家。 首先&#xff0c;我自己写了一个net页面&#xff0c;里面读…

SharePoint 2010 类似人人网站内信功能实施

简介&#xff1a;用SharePoint代码加实施的方式&#xff0c;完成类似人人网站内信功能&#xff0c;当然&#xff0c;实现的比较简单&#xff0c;样式也比较难看&#xff0c;只为给大家一个实施的简单思路&#xff0c;如有谬误&#xff0c;还请见谅。当然&#xff0c;还有就是截…

SharePoint 2013 新建网站集图解

前言&#xff1a;接触SharePoint的人可能是越来越多&#xff0c;但是很多人一接触就很迷茫&#xff0c;在技术群里问如何新建网站集&#xff0c;这样一篇图解&#xff0c;帮助新手学习在搭建好SharePoint环境之后&#xff0c;如何创建一个网站集&#xff0c;做一个基本的参考&a…

SharePoint 2013 图文开发系列之网站栏

网站栏的本质&#xff0c;就是一个xml的描述文件&#xff0c;所以创建过程&#xff0c;基本就是通过Feature部署一个Xml文件&#xff0c;然后修改Xml文件的网站栏描述。 1、添加新项目&#xff0c;选择SharePoint 2013 空项目&#xff0c;如下图&#xff1a; 2、选择调试网站和…

SharePoint 使用PowerShell恢复误删的网站集

在SharePoint网站集的使用中&#xff0c;我们很有可能会误删我们需要的网站集&#xff0c;SharePoint其实并没有把网站集删掉&#xff0c;只是放到了SPDeletedSite中&#xff0c;这样&#xff0c;我们还可以通过PowerShell找回来我们误删的网站集&#xff0c;具体操作详见下面介…

SharePoint 2013跨网站集发布功能简介

在SharePoint Server 2013网站实施中&#xff0c;我们经常会遇到跨网站集获取数据&#xff0c;而2013的这一跨网站集发布功能&#xff0c;正好满足我们这样的需求。 使用SharePoint 2013中的跨网站发布&#xff0c;我们可以使用列表和其他库来存储在发布网站上重复使用的内容&a…

SharePoint 2013 对象模型操作网站设置菜单

在SharePoint的开发中&#xff0c;经常会有客户提到网站操作上的栏目过多&#xff0c;其实&#xff0c;我们除了可以通过Feature的方式添加&#xff0c;还可以通过服务器端对象模型的方式添加&#xff1b;下面&#xff0c;让我用简单的例子&#xff0c;给大家介绍一下&#xff…

SharePoint Online 创建门户网站系列之准备篇

前 言门户是SharePoint自推出以来&#xff0c;就非常适合的一种站点类型&#xff0c;在Server版本中&#xff0c;发布站点的应用非常广泛。这里&#xff0c;我们以一个个简单的例子&#xff0c;然后以一个固定的项目Demo&#xff0c;为大家演示如何一步步在SharePoint Online中…

SharePoint Online 创建门户网站系列之母版页

前 言虽然SharePoint中母版页看起来只是头部Banner和底部版权信息这两个部分&#xff0c;但是实质在SharePoint Online中的页面模型中占有重要地位&#xff0c;而且SPO对母版页有着完善的签入签出机制和版本控制&#xff0c;方便使用。同时&#xff0c;除了保持网站所有页面的一…

SharePoint Online 创建门户网站系列之首页布局

前 言SharePoint Online中创建首页布局&#xff0c;一般都是首先将美工提供的效果图&#xff0c;切图成为Html Css Script的形式&#xff0c;然后&#xff0c;将所有资源文件传到SharePoint Online的资源库&#xff0c;在Designer中创建页面&#xff0c;添加Html页面&#xf…

SharePoint Online 创建门户网站系列之导航

前 言关于SharePoint Online中的导航&#xff0c;基本是由Html Css JavaScript组成效果以及样式&#xff0c;然后在后台列表或者SharePoint Online元数据导航当做数据源进行展示&#xff0c;通常数据源为列表的我们称之为自定义导航。下面&#xff0c;让我们分别介绍SharePoi…

SharePoint Online 创建门户网站系列之图片滚动

&#xfeff;&#xfeff;前 言创建SharePoint Online栏目我们之前已经介绍过了&#xff0c;具体就是内容编辑器方式、自带WebPart方式和JavaScript读取后台数据前台做展示的三种&#xff1b;但是&#xff0c;对于复杂的展示来说&#xff0c;这些方式还是会比较难以实现&#x…

SharePoint Online 创建门户网站系列之创建栏目

&#xfeff;前 言SharePoint Online的栏目&#xff0c;简单描述即显示在首页上的各个模块信息&#xff0c;这里&#xff0c;我们主要介绍我们首页上的栏目&#xff0c;包括简介类型、新闻列表类型、图片类型&#xff1b;下面&#xff0c;让我们开始在SharePoint Online的门户网…

SharePoint Online 创建门户网站系列之定制栏目

&#xfeff;前 言SharePoint Online自带的库就带有二级页面和详细页面&#xff0c;也就是Allitems页面和DispForm页面&#xff0c;但是实在不够美观&#xff0c;尤其对于门户网站这一企业门面来说&#xff0c;更是无法接受。下面&#xff0c;我们就开始学习如何定制SPO的二级页…

SharePoint 2013 重命名网站集名称(SharePoint 2013 rename site collection)

最近使用SharePoint中&#xff0c;遇到一个需要重命名网站集的需求&#xff0c;主要是网站用数据库备份/还原的方式&#xff0c;想要改网站集的地址&#xff0c;然后搜了一下PowerShell&#xff1a;$site Get-SPSite -Identity "http://server/sites/Demo" $site.re…

SharePoint 2013 网站搜索规则的使用示例

前言SharePoint 2013搜索中&#xff0c;有一个非常好用的细化搜索结果的功能&#xff0c;就是“查询规则”。可以通过对于某些特定查询时&#xff0c;起到细化显示结果的作用。下面&#xff0c;我们简单的介绍一下该功能的使用和效果。 1、通常SharePoint搜索&#xff0c;我们在…

SharePoint Online 建站实战教程(上)-杨建宇-专题视频课程

SharePoint Online 建站实战教程&#xff08;上&#xff09;—1983人已学习 课程介绍 本次课程以Office 365 企业版 E3为环境&#xff0c;介绍如何使用其中SharePoint Online产品相关技术&#xff0c;如何通过站点配置和Designer设计&#xff0c;通过和工作流相结合&#xf…