Pass array as parameter does not work

Question

I need to pass an array as parametor to a function, each array value has the name of an image and the function should load each of these images as img/foto1, img/foto2, etc. But it is not passing the array values, it is simply passing the word "Array", which returns me img/Array. I tried to use the method implode, but when using it, it does not separate into array and passes the value img/foto1foto2foto3 in a single tag img. Could you help me ?

My Javascript function that should return the images:

function galerias(parametroGal){
    var query = new Array(parametroGal);

        var imgs = document.querySelector("#gallery");
        var x = 1;

            imgs.innerHTML += "<div class='row'>";
            imgs.innerHTML += "<div class='eight columns'>";
            imgs.innerHTML += "<h4>Galeria "+x+"</h4>"

        for(var i = 0; i < query.length; i++){
            imgs.innerHTML += "<img src='img/"+query[i]+"'class='imgs-galeria'>";
        }

        imgs.innerHTML += "</div>";
        imgs.innerHTML += "</div>";
        imgs.innerHTML += "<a class='row' href='pics.html?gal="+x+"'><div class='twelve columns link'><p>Veja mais</p></div>";
        x++;

}

My function that queries in the database:

function consultarDados($query){
    $dbResult = array();
    $conexao = mysql_connect($this->host, $this->usuario, $this->senha);
    mysql_select_db($this->banco, $conexao);
    $rs = mysql_query($query, $conexao);
        while($rows = mysql_fetch_assoc($rs)){
            array_push($dbResult, $rows);
        }
    return $dbResult;
    mysql_close($conexao);
}

On my gallery page, I query this way:

<?php 
    include 'connectDB.php';
    $conexao = new connectDb();
    $galeria_1= $conexao->consultarDados('select * from portfolio where gal= 1 and theme= 1');

    $parametroGal = array();
    foreach($galeria_1 as $result){

            array_push($parametroGal, $result['nome']);
        }

?>

And that’s how I pass the array $parametroGal as a parameter for the Javascript function:

<?php
        echo'galerias("'.$parametroGal.'");';

?>

Answer 1

Use the json_encode for that reason:

<script>
    galerias(<?php  echo json_encode($parametroGal); ?>);
</script>

The way you were doing, you treated Array PHP as if it were a string. To work, you need to transform the Array of PHP in a Array javascript.

Also change Javascipt to:

function galerias(query) {
    var imgs = document.querySelector("#gallery");
    var x = 1;

    imgs.innerHTML += "<div class='row'>";
    imgs.innerHTML += "<div class='eight columns'>";
    imgs.innerHTML += "<h4>Galeria "+x+"</h4>"

    for(var i = 0; i < query.length; i++){
        imgs.innerHTML += '<img src="img/'+query[i]+'" class="imgs-galeria"" />';
    }

    imgs.innerHTML += "</div>";
    imgs.innerHTML += "</div>";
    imgs.innerHTML += "<a class='row' href='pics.html?gal="+x+"'><div class='twelve columns link'><p>Veja mais</p></div>";
    x++;

}

No need to instantiate a new Array in Javascript because the parameter will already arrive as an array.

See a example working in Phpfiddle.