如何使用SP OOTB图片库幻灯片显示Web部件的图像设置链接？

sharepoint.stackexchange https://sharepoint.stackexchange.com/questions/13395

  •  16-10-2019
  •  | 
  •  

题

我在图片库中添加了一个链接列，并带有链接。然后添加了SP OOTB图片库幻灯片显示Web部分。图片及其描述都显示出来。我需要链接在图像上，因此当用户单击图像时，它将转到我在链接字段中放置的内容。

有帮助吗？

解决方案

这不是幻灯片show webpart的OOTB功能。为了实现此行为，您可以扩展WebPart以添加功能，也可以使用jQuery/spservices设置链接。

问候，安妮塔

其他提示

图片库幻灯片网络部分 班级被标记 密封, ，因此无法扩展它。

但是它可以在客户端进行自定义，下面提供的解决方案演示了如何自定义幻灯片控制。

加载自定义图片库字段

以下字段通过图片库中的图片库中的spquery加载。

  • Title - 图片标题
  • Description - 图片描述
  • EncodedAbsWebImgUrl - Web图像的URL用于显示图片
  • EncodedAbsUrl - 原始图像的URL用于图片链接
  • ImageWidth - 图片宽度
  • ImageHeight - 图片高度

因此，为了指定图片链接的自定义字段，我们还需要加载它。在客户端的幻灯片初始化期间，可能发生其他字段的加载。

指定图片链接的自定义字段值

加载自定义字段后，我们只需修改自定义图片链接值即可。
为了实现它，我们将覆盖JavaScript功能以初始化图片。

下面的代码演示了如何覆盖 ShowPic 用于在幻灯片中初始化图片的功能：

<script type="text/javascript">


function SlideshowObjectInitializer() {

  ShowPic = (function(ShowPicOrig) {
      return function() {

           var ssObj = arguments[0];  //SlideShow object
           var curPicIdx=ssObj.index; //current picture index

           ShowPicOrig.apply(this, arguments); //call original ShowPic


           ssObj.link.href = '';  //<--put your custom picture link url here 

      };
  })(ShowPic);

}  


ExecuteOrDelayUntilScriptLoaded(SlideshowObjectInitializer, 'imglib.js');
</script>

有关实施详细信息，请关注 这篇博客文章.

2013年有OOTB功能可以完成此任务，并且可以使用站点收集管理员的许可级别来完成（Farm Admin可以做得更好，但这会变得更加复杂，因此我不会介绍）

  1. 添加图片库并填充图片
  2. 去 站点设置 > 站点列 （在网络设计师画廊下）> 创造 新站点列

    列名： 幻灯片URL文本 （您可以随心所欲地命名，但请记住您的名字）
    列类型： 单行文字

  3. 回到您在步骤1中创建的图片库。转到 库设置 > 从现有站点列中添加 > 幻灯片URL文本
  4. 现在编辑库中的每张图片，并添加您希望链接到的URL 幻灯片URL文本 盒子和 等待完整的搜索爬网发生或手动运行，如果您有农场管理员 - 默认情况下，每小时都会发生这种情况
  5. 编辑您想要幻灯片显示的页面，如果尚未添加网络零件，请单击 编辑网络部分
  6. 通过选择复选框来更改属性映射'更改项目显示模板中字段的托管属性的属性映射'
  7. 在链接URL字段中，找到您的 幻灯片URL文本 字段并在此处输入 - 什么也不更改。单击确定，然后保存 /发布您的页面。 请参阅下图

    Slide Show - Web Part Edit

    您会注意到SharePoint会删除空间，并添加字母通常在您的专栏前面或后面 - 这是“让农场管理员”派上用场的地方，因此您可以自定义托管属性以显示您的需求以及能够使用的方式同样目的的超链接字段

你完成了。一切都应该起作用！
确保您等待完整的爬网（根据搜索计时器的设置方式，您可能需要过夜。询问您的SharePoint管理员，如果您不确定，请频率进行一次完整的爬网。

祝你好运！

重要的提示： 不要尝试为此使用超链接字段而不知道您对爬行 /托管属性做什么您的错误错误。

许可以下： CC-BY-SA 和 归因
scroll top