Uso Elementor pro en mi sitio. Tengo una gran imagen de fondo en la parte superior de mi página de inicio y tengo muchos elementos en esa sección. Quiero tener una imagen aleatoria de un grupo de imágenes (puede estar en la galería o en la carpeta). pero no encontré ninguna solución.
Probé cualquier complemento para elementor. Diapositiva de fondo elementor pro, el fondo de la fila más, etc., pero solo hacen diapositivas con el orden predeterminado y no tienen un orden aleatorio. También probé algunos complementos deslizantes o complementos deslizantes de elementor (control deslizante inteligente,...). pero los elementos que deberían estar en la imagen (que no sean texto y botones) no se les pudieron agregar.
Probé algunos javascripts para hacerlo (por ejemplo: https://element.how/elementor-slider-random/#comment-12854 y esto: Imagen de fondo aleatoria al actualizar ). pero no funcionó.
Me gusta saber que hay alguna solución para usar código php personalizado para elemento o imagen de fondo dinámica simple que aplica todas las configuraciones de fondo.
¿Hay alguna solución?
protected function render() { $settings = $this->get_settings_for_display(); $images = array_values( $settings['carousel'] ?? [] ); if ( ! $images ) { return; } $count = count( $images ); $image = random_int( 0, ( $count - 1 ) ); $image = $images[ $image ] ?? null; if ( ! $image ) { return; } $image_url = Group_Control_Image_Size::get_attachment_image_src( $image['id'], 'full', [ 'full_size' => 'full' ] ); echo '<img class="' . $this->get_name() . '-image" src="' . esc_attr( $image_url ) . '" alt="' . esc_attr( Control_Media::get_image_alt( $image ) ) . '" />'; }Elementor crea un widget personalizado y sigue el código. Espero que tu problema se resuelva.