URL de sale rara de un array

samuelsuteras · 29 May 2021

Vale chicos, ahora si funciona.

Gracias por la ayudita, estuvo bueno el chiste de los 5USD, jajaja.

Espero poder devolver el favor en algo que ustedes necesiten en el futuro

cholemon · 29 May 2021

El problema está en el código de Jquery que tienes... Imprime en la consola el valor de la variable backgrounds y comparte el capture.

samuelsuteras · 29 May 2021

YeltsinReyes dijo:

JavaScript:

jQuery( document ).ready(function(){
   
    var current = 0;
    var backgrounds = jQuery('.hero-section').data('images');
   
    function nextBackground(){
       
        current = (current + 1);
        jQuery('.hero-section').css('background-image', 'url('+backgrounds[current]+')');
       
        if(current >= backgrounds.length){
            current = 0;
        }
       
        setTimeout(nextBackground, 1000);
       
    }
   
    setTimeout(nextBackground, 1000);
    jQuery('.hero-section').css('background-image', 'url('+backgrounds[0]+')');
   
});

Esta es la solucion

fabgonber · 29 May 2021

samuelsuteras dijo:
Esta es la solucion

La diferencia:

url(algo) hace la decodificación en el navegador (js)
urlencode y urldecode hace la decodificación en el servidor. (php)

cholemon · 29 May 2021

samuelsuteras dijo:
Esta es la solucion

pero debería ser backgrounds[current] porque de lo contrario siempre te mostrará el primer elemento del arreglo.

samuelsuteras · 29 May 2021

fabgonber dijo:
La diferencia:

url(algo) hace la decodificación en el navegador (js)

urlencode y urldecode hace la decodificación en el servidor. (php)

Pero ahora si ingresas en la pagina hay una imagen que se queda en blanco, como si el valor estuviese vacio, super extraño

samuelsuteras · 29 May 2021

Hay un valor que pasa como undefined

fabgonber · 29 May 2021

samuelsuteras dijo:
Hay un valor que pasa como undefined

Eso es a nivel de javascript.... fuera de mi expertise

samuelsuteras · 29 May 2021

A ver dejo el codigo con el update que hice gracias a ustedes.

PHP:

<section class="hero-section" data-images="<?php echo  htmlspecialchars(json_encode($imagesar), ENT_QUOTES, 'UTF-8'); ?>" style="background-image: url('<?php echo urlencode(json_encode($imagesar)); ?>')">
          <div class="container-fluid">
            <div class="banner-overlay-div"></div>
            <div class="col-12 col-md-6 hero-text">
              <h1><?php echo get_field('hero_title') ?></h1>
              <p><?php echo get_field('hero_desc') ?></p>
              <a href="<?php echo get_field('hero_link') ?>"><button><?php echo get_field('hero_button') ?></button></a>
            </div>
            <div class="col-12 col-md-6"></div>
          </div>
          <?php get_template_part( 'template-parts/wave' ); ?>
        </section>

JavaScript:

jQuery( document ).ready(function(){
    
    var current = 0;
    var backgrounds = jQuery('.hero-section').data('images');
    
    function nextBackground(){
        
        current = (current + 1);
        jQuery('.hero-section').css('background-image', 'url('+backgrounds[current]+')');
        
        if(current >= backgrounds.length){
            current = 0;
        }
        
        setTimeout(nextBackground, 5000);
        
    }
    
    setTimeout(nextBackground, 5000);
    jQuery('.hero-section').css('background-image', 'url('+backgrounds[0]+')');
    
});

cholemon · 29 May 2021

samuelsuteras dijo:
Esta es la solucion

Igual estás llamando 2 veces el setTimeout.

Debes dejar solo el que está fuera de la función.

samuelsuteras · 29 May 2021

cholemon dijo:
Igual estás llamando 2 veces el setTimeout.

Debes dejar solo el que está fuera de la función.

Listo, pero sigue dandome error no entiendo porque, como si un valor no fuese correcto

samuelsuteras · 29 May 2021

La consola me da este error.

(index):1 GET https://starwhitehemp.com/["https:/...GVufDB8fHx8&auto=format&fit=crop&w=750&q=80"] 404 (Not Found)

YeltsinReyes · 29 May 2021

samuelsuteras dijo:
Listo, pero sigue dandome error no entiendo porque, como si un valor no fuese correcto

Prueba con uno de estos dos.

JavaScript:

if(current == backgrounds.length){
    current = 0;
}

JavaScript:

 if(current > backgrounds.length){
    current = 0;
}

samuelsuteras · 29 May 2021

Nada bro, tengo asi el codigo y mira lo que dice la consola.

Los mejores productos de Cáñamo y CBD | Starwhite hemp

Starwhite hemp es más que una tienda online. Un estilo de vida sostenible en simbiosis con la Madre Tierra, mejorando el bienestar interior.

starwhitehemp.com

Insertar CODE, HTML o PHP:

jQuery( document ).ready(function(){
    
    var current = 0;
    var backgrounds = jQuery('.hero-section').data('images');
    
    function nextBackground(){
        
        current = (current + 1);
        jQuery('.hero-section').css('background-image', 'url('+backgrounds[current]+')');
        
        if(current > backgrounds.length){
        current = 0;
        }
    }
    
    setTimeout(nextBackground, 2000);
    jQuery('.hero-section').css('background-image', 'url('+backgrounds[0]+')');
    
});

Lo que dijo el compañero @fabgonber den urldecode, si lo hago me deja de funcionar todo, no se porque

YeltsinReyes · 29 May 2021

@samuelsuteras usa este!

JavaScript:

jQuery( document ).ready(function(){
   
    var current = 0;
    var backgrounds = jQuery('.hero-section').data('images');
    jQuery('.hero-section').css('background-image', 'url('+backgrounds[0]+')');
   
    setInterval(function(){
       
        current = (current + 1);
       
        if(current >= backgrounds.length){
            current = 0;
        }

        jQuery('.hero-section').css('background-image', 'url('+backgrounds[current]+')');
       
    }, 5000);
   
});

fabgonber · 29 May 2021

samuelsuteras dijo:
Lo que dijo el compañero @fabgonber den urldecode, si lo hago me deja de funcionar todo, no se porque

o usas url_encode(...) y url_decode(...) en el PHP o url(...) en el jquery... si haces ambos... decodificas dos veces.

samuelsuteras · 29 May 2021

fabgonber dijo:
o usas url_encode(...) y url_decode(...) en el PHP o url(...) en el jquery... si haces ambos... decodificas dos veces.

A ver es que esto de php no es lo mio.

Te paso codigo a ver si entendi

PHP:

<div class="content-area">
      <main>
        <?php $imagesar = array();
        array_push($imagesar,get_field('hero_img'));
        array_push($imagesar,get_field('hero_img_2'));
        array_push($imagesar,get_field('hero_img_3'));
          var_dump($imagesar);
        ?>
 <section class="hero-section" data-images="<?php echo htmlspecialchars(json_encode($imagesar), ENT_QUOTES, 'UTF-8') ?>" style="background-image: url('<?php echo urldecode(json_encode($imagesar), ENT_QUOTES, 'UTF-8') ?>')">

Si yo hago el urldecode que diferencia hay con el de htmlspecialchars?

fabgonber · 29 May 2021

samuelsuteras dijo:

A ver es que esto de php no es lo mio.

Te paso codigo a ver si entendi

PHP:

<div class="content-area">
      <main>
        <?php $imagesar = array();
        array_push($imagesar,[B]urlencode[/B](get_field('hero_img'))));
        array_push($imagesar,[B]urlencode([/B]get_field('hero_img_2')));
        array_push($imagesar,[B]urlencode([/B]get_field('hero_img_3')));
          var_dump($imagesar);
        ?>
<section class="hero-section" data-images="<?php echo [B]urldecode[/B](json_encode($imagesar), ENT_QUOTES, 'UTF-8') ?>" style="background-image: url('<?php echo urldecode(json_encode($imagesar), ENT_QUOTES, 'UTF-8') ?>')">

samuelsuteras dijo:
Si yo hago el urldecode que diferencia hay con el de htmlspecialchars?

htmlspecialchars modifica muchos mas caracteres que urlencode

YeltsinReyes · 29 May 2021

Ya, así esta bien!

PHP:

<section class="hero-section" data-images="<?php echo htmlspecialchars(json_encode($imagesar), ENT_QUOTES, 'UTF-8') ?>"
style="background-image: url('<?php echo $imagesar[0]; ?>')">

JavaScript:

jQuery( document ).ready(function(){
    
    var current = 0;
    var backgrounds = jQuery('.hero-section').data('images');
    jQuery('.hero-section').css('background-image', 'url('+backgrounds[0]+')');
    
    setInterval(function(){
        
        current = (current + 1);
        
        if(current >= backgrounds.length){
            current = 0;
        }

        jQuery('.hero-section').css('background-image', 'url('+backgrounds[current]+')');
        
    }, 5000);
    
});

fabgonber · 29 May 2021

view-source http://ping.appserver.science/temporal/para_samuel2.php

URL de sale rara de un array

samuelsuteras

cholemon

samuelsuteras

fabgonber

cholemon

samuelsuteras

samuelsuteras

fabgonber

samuelsuteras

cholemon

samuelsuteras

samuelsuteras

YeltsinReyes

samuelsuteras

Los mejores productos de Cáñamo y CBD | Starwhite hemp

YeltsinReyes

fabgonber

samuelsuteras

fabgonber

YeltsinReyes

fabgonber

Privacidad y transparencia

Privacidad y transparencia