Ayuda JS problema con var

$(document).ready(listar);


var imagenes2 = new Array(
{
id:1,
nombre:"Wolfenstein the New Order",
descripcion:"Wolfenstein the New Order Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. ",
imagen:"cupcakes1.jpg",
precio:600,
},
{
id:2,
nombre:"Watch Dogs",
descripcion:"Watch Dogs Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.",
imagen:"cupcakes2.jpg",
precio:1300,
},
{
id:3,
nombre:"A Realm Reborn",
descripcion:"A Realm Reborn Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.",
imagen:"cupcakes3.jpg",
precio:400,
},
{
id:4,
nombre:"FIFA 14",
descripcion:"FIFA 14 Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.",
imagen:"cupcakes4.jpg",
precio:1100,
}
);

function listar()
{
for(i=0; i<imagenes.length; i++)
{
$("#cupcakes").append('<div class="img_cupcakes"><img src="imgs/cupcakes/'+imagenes2.imagen+'"></div>');

}



}

Hacer clic para expandir...

Las imagenes se encuentran en imgs/cupcakes/

y estos son los nombres de las imagenes "cupcakes1.jpg", "cupcakes2.jpg", "cupcakes3.jpg", "cupcakes4.jpg"

YO LO QUE QUIERO ES QUE EN CADA RECTANGULO BLANCO APAREZCA UNA DE LAS IMAGENES

Doroteo78 dijo:

Hola amigo el código tu lo hiciste? Cuando llamas listar no veo especificaciones de espacios, se supone que funcionaba?

Enviado desde mi MB886 mediante Tapatalk

Hacer clic para expandir...

asesor dijo:

Si aun no subistes como deben aparecer? mi gran duda

y otra es porque deben aparecer mediante Java script?

explicando un poco la idea se te puede ayudar

saludos

Hacer clic para expandir...

Getsuga dijo:

Hey [MENTION=21226]gerbolso8[/MENTION] no deberias mejor comprobar mejor "length" pero del array. Deberia ser

HTML:

$(document).ready(listar);


var imagenes2 = new Array(
{
id:1,
nombre:"Wolfenstein the New Order",
descripcion:"Wolfenstein the New Order Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. ",
imagen:"cupcakes1.jpg",
precio:600,
},
{
id:2,
nombre:"Watch Dogs",
descripcion:"Watch Dogs Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.",
imagen:"cupcakes2.jpg",
precio:1300,
},
{
id:3,
nombre:"A Realm Reborn",
descripcion:"A Realm Reborn Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.",
imagen:"cupcakes3.jpg",
precio:400,
},
{
id:4,
nombre:"FIFA 14",
descripcion:"FIFA 14 Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.",
imagen:"cupcakes4.jpg",
precio:1100,
}
);

function listar()
{
for(i=0; i<imagenes2.length; i++)
{
$("#cupcakes").append('<div class="img_cupcakes"><img src="imgs/cupcakes/'+imagenes2[i].imagen+'"></div>');

}

Hacer clic para expandir...

kj2 dijo:

Mmm, a ver, según veo llamas a "listar" que usa el objeto "imagenes2" antes de que realmente crees el objeto.

Regla de programación es que, con excepción de los métodos asincrónicos, todo se realiza en el orden en el que lo escribes (es algo que se aprende en "la guardería" del programador).

Este sería el código:

Insertar CODE, HTML o PHP:

var imagenes = new Array(
{
id:1,
nombre:"Wolfenstein the New Order",
descripcion:"Wolfenstein the New Order Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. ",
imagen:"cupcakes1.jpg",
precio:600,
},
{
id:2,
nombre:"Watch Dogs",
descripcion:"Watch Dogs Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.",
imagen:"cupcakes2.jpg",
precio:1300,
},
{
id:3,
nombre:"A Realm Reborn",
descripcion:"A Realm Reborn Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.",
imagen:"cupcakes3.jpg",
precio:400,
},
{
id:4,
nombre:"FIFA 14",
descripcion:"FIFA 14 Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id.",
imagen:"cupcakes4.jpg",
precio:1100,
}
);

function listar()
{
for(i=0; i<imagenes.length; i++)
{
$("#cupcakes").append('<div class="img_cupcakes"><img src="imgs/cupcakes/'+imagenes[i].imagen+'"></div>');

}	



}
$(document).ready(listar);

También te aconsejo que ordenes tu código o solo te darás dolores de cabeza.

PD: Este es un error muy común cometido por aquellos que usan dreamweaver o similares para hacer javascript.

kj

Hacer clic para expandir...

gerbolso8 dijo:

Gracias por responder, pero sinceramente no le veo diferencia con el mio, es exactamente igual. Si me podes ayudar agregame a mi skype: gerbolso8 y te pago por solucionar este temita y otro mas que tengo con un slider

- - - Actualizado - - -



De lo poco que se de JS se que el llamador de la funcion es decir $(document).ready(listar); siempre tiene que estar antes de la funcion, por lo menos eso me enseñaron

Hacer clic para expandir...

gerbolso8 dijo:

Gracias por responder, pero sinceramente no le veo diferencia con el mio, es exactamente igual. Si me podes ayudar agregame a mi skype: gerbolso8 y te pago por solucionar este temita y otro mas que tengo con un slider

- - - Actualizado - - -



De lo poco que se de JS se que el llamador de la funcion es decir $(document).ready(listar); siempre tiene que estar antes de la funcion, por lo menos eso me enseñaron

Hacer clic para expandir...

Getsuga dijo:

La diferencia es que en tu ejemplo tu array tiene nombre "imagenes2" y en la funcion listar tu tienes imagenes.length que en tu codigo esa variable no existe deberia ser imagenes2.length.

Hacer clic para expandir...