Ayuda JS problema con var

gerbolso8 · 19 Feb 2015

Tengo un problema con JS, quiero que aparezcan imagenes en mi web la cual todavia no subi

Código JS

$(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>');

}

}

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 · 19 Feb 2015

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

gerbolso8 · 19 Feb 2015

Te paso mi skype, si corregis eso y algunos errores más que veas te pago lo que me cobres, contactame

mi skype: gerbolso8

- - - Actualizado - - -

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

No, no funcionaba antes eso de que en cada rectangulo aparezca una imagen sola, ahi achique el codigo como vos me decias, porque habia una funcion que solo servia para llamar a listar

Si, el codigo lo hice yo

Pasame tu skype y si corregis estos errores te pago lo que me pidas, slds

asesor · 19 Feb 2015

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

gerbolso8 · 19 Feb 2015

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

Todavia no la subi porque es para un cliente y todavia no esta terminada

Y quiero que aparezcan mediana JS para después poder hacer que sean aleatorios, que aparezcan los 3 más destacados algo así, van a ser muchos productos por lo que me pareció más fácil mediante JS para no estar cargando de tantas lineas el HTML

Getsuga · 19 Feb 2015

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>');

}

kj2 · 19 Feb 2015

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

gerbolso8 · 19 Feb 2015

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>');

}

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 - - -

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

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

kj2 · 19 Feb 2015

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

Si pagaste para que te enseñen, pídeles reembolso 😕.

Solo prueba el código y verás que funciona 😉.

kj

Getsuga · 19 Feb 2015

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

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.

gerbolso8 · 19 Feb 2015

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.

Si, me di cuenta recien y lo corregi pero sigue igual, agregame a mi skype: gerbolso8 y te pago ya que preciso esto ya

kj2 · 19 Feb 2015

Si va ser con pago, yo lo pido, el código que te puse antes funciona perfectamente 🙂.

kj

Ayuda JS problema con var

gerbolso8

Doroteo78

gerbolso8

asesor

gerbolso8

Getsuga

kj2

gerbolso8

kj2

Getsuga

gerbolso8

kj2

Temas similares

Privacidad y transparencia

Privacidad y transparencia