Banner
Inserción de elementos gráficos con o sin link, agrupados por situación.
Se apoya en el framework de shadowbox y kquery/reflection, por lo que deben ser activado para la zona correspondiente donde se muestra en el caso de utilizar estas funciones.
PARÁMETRO |
VALOR |
DEFAULT |
DESCRIPCIÓN |
|---|---|---|---|
addhead |
Número |
0 |
Establece si se desea mostrar la cabecera de la galería. Valores disponibles 1=Si 0=No |
order |
texto CSS |
ctrlorden |
Campo que se usará para ordenar los registros seleccionados, por defecto el campo de orden |
top |
Texto |
100 PERCENT |
Número de elementos que se mostrarán de la selección de archivos. Debe indicarse un número o bien dejar el valor por defecto para todos |
rotulo |
Texto |
|
Indica el literal se recupera de TRADUCTOR para mostrar en el rótulo de la galería según sea el idioma seleccionado |
id |
Texto |
|
Fuerza un número específico para el control del DOM, por defecto usa el propio de la caja definido por BOXid |
ctrlsituacion |
Texto |
|
Literal por el que vamos a filtrar los registros en el campo Situacion siempre que esté contenido el texto que se indica |
ctrlppal |
Número |
0 |
Establece un filtro para seleccionar solo los principales o no. 0=no 1=si |
tramo |
Texto |
|
Filtro secundario de situación para generar listas adicionales. Es muy habitual el uso para identificar si están a la derecha o izquierda siendo los elementos de la misma Situación. |
marginbottom |
Número |
0 |
Número de pixel situados en la parte inferior del banner para generar listas verticales con separaciones. Afecta a la selección completa. |
separador |
Número |
|
Crea una caja al 100% del ancho disponible con una altura en pixel indicada en el valor. Afecta a cada uno de los elementos a mostrar. |
navtype |
Texto |
asp |
Establece el método de navegación, por defecto asp, opcional shadowbox, necesita en este caso la activación de la librería |
shboxwidth |
Número |
|
Asigna el ancho en pixel de la caja emergente para el shadowbox |
shboxheight |
Número |
|
Asigna el alto en pixel de la caja emergente para el shadowbox |
swfvars |
Texto |
|
Asignación de variables para un elemento flash |
class |
Texto |
|
Asigna una propiedad class al elemento imagen directamente, muy útil en el caso de usar librerías adicionales pudiendo seleccionar la clase específica donde asignar el efecto |
aspjpeg |
Número |
0 |
Activar el uso de aspjpeg sobre los thumbnail para simplificar el uso de imágenes. Los valores en el caso de querer asignar aspjpeg son los mismos que se encuentran en las utilidades/ASP-Jpeg Es imprescindible que los parámetros comiencen con & ya que se asigna de forma automática la primera secuencia de path=ruta/archivo.ext |
show |
Número |
0 |
Muestra el literal de Sponsor bajo el elemento gráfico, incorpora link si existe al texto mostrado. 1=Si 0=No |
rndimg |
Número |
0 |
Utiliza un método aleatorio de ordenación de imágenes 1=Si 0=No |
divclass |
Texto |
divimg |
Asigna una clase o clases distintas a la predefinida para poder reutilizar la hoja de estilos del usuario |
list |
Número |
0 |
Establece que los elementos a mostrar queden formados como un <ul><li>imagen</li></ul> para personalizar con CSS |
Ejemplos de parámetros:
top=1|ctrlsituacion=btmc|addhead=0
Seleccionar el primer elemento de la lista para la situación btmc y no mostrar cabecera en la zona banner
top=1|ctrlsituacion=clte|addhead=0|navtype=shbox|shboxwidth=500|shboxheight=400
Seleccionar el primer elemento de la lista para la situación clte, no mostrar la cabecera y usar los links en caja de sombras (shadowbox) con un ancho de 500 y alto de 400
top=5|ctrlsituacion=try|aspjpeg=&width=300&hflip=1
Seleccionar los 5 primeros elementos para la situación try y mostrar las imágenes usando aspjpeg con un ancho de 300 y efecto espejo horizontal
top=5|ctrlsituacion=cabe|class=reflect
Seleccionar el primer elemento para la situación cabe y asignar un class="reflejo". En este caso agregamos un código javascript en la página que active para esta clase el efecto.
jQuery(function($) {
$("img.reflejo").reflect({/* Ponga aqui otros parametros de esta funcion */});
});
Este código debe ser agregado en algunas de las partes que permita su uso en la zona, ya sea a través de la configuración como addjava, javalib o bien en la propia librería si es común en más sitios de la web.