AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Controles: tipos disponibles / Control Imagen
  • Presentación
  • Control de página
  • Utilización de una imagen con secuencia automatic en un sitio WEBDEV
  • Programación de una imagen con secuencia automatic
  • Presentación
  • Definition de imágenes que se mostrarán en la secuencia
  • Funciones de WLanguage
  • Propiedades de WLanguage
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Presentación

Control de página

Los controles de imagen con secuencia automatic se utilizan para visualizar una serie de Image s situados en uno o varios directorios del sitio. Las imágenes se navegan automáticamente.
El cambio de imágenes se puede realizar de forma automática o manual (a través de las funciones WLanguage)..
Se pueden aplicar efectos de transición.
Esto le permite crear fácilmente banners publicitarios o presentaciones de diapositivas..
La secuencia automatic está disponible para los siguientes controles:
  • Control Imagen.
  • Control Imagen con enlace.
  • Control Miniatura.
Observación: Si las diferentes imágenes utilizadas por la secuencia automatic tienen tamaños diferentes, se aplica el modo de visualización especificado en la pestaña "General" del control automatic ally.
Utilización de una imagen con secuencia automatic en un sitio WEBDEV
Para utilizar una imagen con secuencia automatic en un sitio WEBDEV:
  1. Cree una control Imagen.
  2. Abra la ventana de descripción del control (opción "Descripción" del menú contextual del control Imagen).
  3. En la pestaña "UI", "Secuencia automatic", marque "Deslizar imágenes de un directorio o lista programada" y especifique las diferentes opciones de secuencia:
    • Duración entre imágenes: indica los intervalos de tiempo para mostrar la Image.
    • Iniciar automáticamente. Si no se selecciona esta opción, la secuencia puede iniciarse mediante ImageStartScrolling.
    • Examinar directorio de la imagen (Pestaña General): Esta opción se utiliza para navegar por todas las imágenes que se encuentran en el directorio actualmente seleccionado para la control Imagen (o el directorio de la imagen actualmente asociada a la control Imagen). En este caso, la navegación no es recursiva: las imágenes localizadas en subdirectorios no se navegan.
    • Ordenar contenido del deslizamiento: Esta opción se utiliza para mostrar las imágenes navegadas según su nombre. Si es necesario seleccione el directorio de navegación de imágenes (control Imagen.
  4. Valide la ventana de descripción del control.
Si ha set la secuencia para que se inicie automáticamente y ha especificado un directorio Image, la secuencia se iniciará automáticamente al probar el Page.
Observación: Los efectos de transición se pueden combinar con secuencia .
Programación de una imagen con secuencia automatic

Presentación

Los controles con una secuencia automatic pueden manejarse mediante programación a través de varias propiedades y funciones de WLanguage. Estas funciones y propiedades también están disponibles en el código del navegador y en PHP.

Definition de imágenes que se mostrarán en la secuencia

Las imágenes mostradas en el control durante la secuencia pueden ser::
  • que se encuentra en el directorio seleccionado en la ventana de control de description.
  • associated con el control mediante programación. Ejemplos:
    • Una lista de imágenes es associated con el control:
      // Assignment in server code
      IMG_Image = "digits_0.png" + CR + "digits_1.png" + CR +  ...
      "digits_2.png" + CR + "digits_3.png"
    • Un directorio que contiene imágenes es associated con el control:
      IMG_Image = "images"
      Este código se utiliza para asociar una set de imágenes o un directorio con la control. La ruta es relativa al directorio de imágenes del sitio (directorio _WEB).

Funciones de WLanguage

Para manipular las imágenes de una secuencia automatic se utilizan varias funciones de WLanguage. Estas funciones son las siguientes:
ImageFirstMuestra el primer Image para el pergamino.
ImageLastMuestra el último Image para el pergamino.
ImageNextMuestra la siguiente Image para el pergamino.
ImageOccurrenceDevuelve el número total de imágenes que tiene en cuenta el scroll.
ImagePreviousMuestra el anterior Image para el pergamino.
ImageScrollingPositionDevuelve la Image visualizada.
ImageStartScrollingInicia el ciclo de imágenes.
ImageStopScrollingDetiene el deslizamiento automatic Image.
Programación de secuencias:
// Program images in the sliding banner.
// Ability to specify the image directory
// The first time, the first image is selected at random.
// =================
// Declaration of global variables
gnNumberSlideImages is int
gnStartingImage is int
gsSlideImageName is string
 
// Page initialization
<BLOCK Sliding Banner>
gsSlideImageName = fListFile(fWebDir() + fSep + "Home banner" +
fSep + "*.jpg", frNotRecursive)
FOR EACH STRING sAFile OF gsSlideImageName SEPARATED BY CR
gnNumberSlideImages++
END
InitRandom()
gnStartingImage = Random(1, gnNumberSlideImages)
 
NumSlideStartingImage is int = gnStartingImage
 
FOR I = 1 TO NumSlideStartingImage
ImageNext(IMG_Overview)
END
ImageStartScrolling(IMG_Overview)
<END>

Propiedades de WLanguage

Se utilizan varias propiedades de WLanguage para manipular las imágenes de una secuencia automatic. Estas propiedades son las siguientes:
clasificadasDetermina si la control ordena las imágenes durante la secuencia y clasifica las imágenes.
DisplayedValueDevuelve la ruta de la Image que se muestra actualmente.
SortOptionPermite definir el modo de clasificación Image de la secuencia.
ValorDevuelve el directorio de ruta de Image.
Versión mínima requerida
  • Versión 16
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 23/06/2023

Señalar un error o enviar una sugerencia | Ayuda local