¿Cómo configurar el enlace en las imágenes con la parte de la biblioteca de imágenes SP OOTB Mostrar parte web?

Question

Agregué una columna de enlace en mi biblioteca de imágenes y poblada con enlaces. Luego agregó SP OOTB Picture Library Slide Show Part. Se muestran ambas imágenes y su descripción. Necesito que el enlace esté en la imagen, por lo que cuando el usuario haga clic en la imagen, lo que pone en el campo de enlace.

Answer 1

Esta no es la funcionalidad OOTB de la parte de la diapositiva Show WebPart. Para lograr este comportamiento, puede extender el WebPart para agregar la funcionalidad o puede establecer el enlace con jQuery/SPServices.

Saludos, Anita

Answer 2

Partido de diapositivas de la biblioteca de imágenes La clase está marcada como sellado, entonces no hay forma de extenderlo.

Pero podría personalizarse en el lado del cliente, la solución que se presenta a continuación demuestra cómo personalizar el control de la presentación de diapositivas.

Cargar campos de biblioteca de imágenes personalizadas

Los siguientes campos se cargan a través de Spquery desde la biblioteca de imágenes en la biblioteca de imágenes Partido web:

• Title - Título de la imagen
• Description - descripcion de LA imagen
• EncodedAbsWebImgUrl - URL de imagen web se utiliza para mostrar imagen
• EncodedAbsUrl - URL de imagen original se usa para el enlace de imagen
• ImageWidth - Ancho de imagen
• ImageHeight - Altura de la imagen

Entonces, para especificar el campo personalizado para el enlace de imagen, también necesitamos cargarlo. La carga de campos adicionales podría ocurrir durante la inicialización de la presentación de diapositivas en el lado del cliente.

Especificar el valor de campo personalizado para el enlace de imagen

Después de cargar los campos personalizados, solo necesitamos modificar los valores de enlace de imagen personalizado.
Para lograrlo, anularemos la función JavaScript para inicializar la imagen.

El siguiente código demuestra cómo anular ShowPic función que se usa para inicializar la imagen en la presentación de diapositivas:

<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>

---

Para detalles de implementación, siga esta publicación de blog.

Answer 3

Hay una funcionalidad OOTB en 2013 para completar esta tarea y todo se puede hacer con el nivel de permiso de administración de la recolección del sitio (se puede hacer mejor con Farm Admin, pero eso se vuelve más complicado, por lo que no cubriré eso)

1. Agregar biblioteca de imágenes y llenar con imágenes
2. Ir Configuración del sitio > Columnas del sitio (En galerías de diseñadores web)> Crear nueva columna del sitio
   
   Nombre de la columna: Trasa URL-Text (Puedes nombrar esto lo que quieras, pero recuerda lo que lo llamas)
   Tipo de columna: Línea única de texto
   
   
3. Regrese a la biblioteca de imágenes que creó en el paso 1. Vaya a Configuración de la biblioteca > Agregar de las columnas del sitio existentes > Trasa URL-Text
4. Ahora edite cada imagen en su biblioteca y agregue la URL a la que desea vincular en el Trasa URL-Text caja, y Espere a que ocurra un rastreo de búsqueda completo o ejecutelo manualmente si tiene administrador de granjas; de forma predeterminada, esto sucede cada hora
5. Edite la página donde desee la diapositiva, agregue la parte web si aún no lo ha hecho y luego haga clic en Editar parte web
6. Cambie las asignaciones de propiedades seleccionando la casilla de verificación 'Cambie la asignación de propiedades de las propiedades administradas para los campos en la plantilla de visualización del elemento'
7. En el campo URL de enlace, encuentre su Trasa URL-Text campo e ingrese aquí: no cambie nada más. Haga clic en Aceptar y guarde / publique su página. Ver la imagen a continuación
   
   
   
   Notará que SharePoint elimina los espacios y agrega letras que generalmente se otorgan de frente o detrás de su columna: aquí es donde tener el administrador de la granja es útil para que pueda personalizar la propiedad administrada para mostrar cómo lo desea, además de poder usar un campo de hipervínculo para este mismo propósito
   
   

Ya terminaste. ¡Todo debería funcionar!
Asegúrese de esperar a que ocurra un rastreo completo (es posible que deba esperar de la noche a la mañana, dependiendo de cómo estén configurados los trabajos de su temporizador de búsqueda. Pregunte a su administrador de SharePoint con qué frecuencia ocurre un rastreo completo si no está seguro.

¡Buena suerte!

Nota IMPORTANTE: No intente utilizar un campo de hipervínculo para esto sin saber lo que está haciendo con las propiedades rastreadas / administradas, ya que necesitará asignar la propiedad rastreada hipervínea a una propiedad administrada del tipo de texto, de lo contrario, la plantilla de visualización web de la presentación de diapositivas mostrará un Error desagradable para ti.