Foros del Web » Programando para Internet » Jquery »

Sentencia Each

Estas en el tema de Sentencia Each en el foro de Jquery en Foros del Web. Buenas tardes a todos, Le escribo para pedirle ayuda, ya que tengo un mes tratando de resolver un problema de Jquery por mi solo, pero ...
  #1 (permalink)  
Antiguo 31/12/2016, 11:33
 
Fecha de Ingreso: agosto-2006
Ubicación: Santo Domingo, Rep. Dom.
Mensajes: 77
Antigüedad: 13 años
Puntos: 1
Sentencia Each

Buenas tardes a todos,

Le escribo para pedirle ayuda, ya que tengo un mes tratando de resolver un problema de Jquery por mi solo, pero no le he podido llegar a la solucion y lo que necesito hacer es lo siguiente:

Tengo un arreglo con imágenes viñetas. Los archivos de las imágenes se encuentran en una carpeta img/minis y son de 60x60 pixeles y necesito colocarlas dentro de un ciclo “each” cargar para cada división con “Brand” la imagen.

Tengo que utilizar el selector $(this) y cargar la etiqueta con la función html y a cada imagen hay que asignarle un ancho y un alto de 50 pixeles.

Aqui les comparto mi codigo:

var productos = new Array("afrodita.png",
"arpia.jpg",
"basilisco.jpg",
"caballo.jpg",
"centauro.jpg",
"fenix.jpg",
"gea.jpg",
"grifo.png",
"hidra.gif",
"kraken.jpg",
"medusa.png",
"minotauro.jpg",
"pegaso.jpg",
"poseidon.jpg",
"quimera.jpg",
"satiro.jpg",
"unicornio.jpg"
);
var t="";
window.onload=function(){
//Cargar las imágenes en las divisiones
$(".Brand").each(function(i,elemento){
i=0;
$(this).html("<img src='img/minis/'"+productos[i]+">").width(50).height(50);
i++;
});


Quedo atento a sus respuestas.

Saludos,
JB

Última edición por Burguito; 31/12/2016 a las 11:46
  #2 (permalink)  
Antiguo 31/12/2016, 13:02
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.427
Antigüedad: 7 años, 9 meses
Puntos: 929
Respuesta: Sentencia Each

En lugar de establecer las dimensiones imagen por imagen, mejor asígnales una clase y, en la hoja de estilos, establece las dimensiones:
Código Javascript:
Ver original
  1. $(this).html("<img src='img/minis/'"+productos[i]+" class='foo' />")
Código CSS:
Ver original
  1. .foo{
  2.     width: 50px;
  3.     height: 50px;
  4. }

Por cierto, puedes utilizar el primero de los dos argumentos del callback del método .each() para evitar tener que utilizar un contador para obtener los valores del arreglo. Es esa i que está antes de elemento. Quedaría así:
Código Javascript:
Ver original
  1. $(".Brand").each(function(i){
  2.     $(this).html("<img src='img/minis/'"+productos[i]+" class='foo' />");
  3. });

__________________
«Laissez faire et laissez passer, le monde va de lui même»

Etiquetas: sentencia
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 03:35.