[SOLUCIONADO] Clase para un contenedor común

[reyvi]

Hola colegas
NEcesito que todas las imagenes dentro de una <div id="contenedor"></div> cojan el estilo de la clase "img-container".

Gracias por todo

[matake]

Código Javascript:

$('#contenedor').find('img').attr('class','img-container')
 

o si quieres añadir la nueva clase guardando las clases antiguas ( porque lo de arriba es reemplazar la clase existente con la nueva )

Código Javascript:

$('#contenedor').find('img').addClass('img-container')
 

[reyvi]

Iniciado por matake

Código Javascript:

$('#contenedor').find('img').attr('class','img-container')
 

o si quieres añadir la nueva clase guardando las clases antiguas ( porque lo de arriba es reemplazar la clase existente con la nueva )

Código Javascript:

$('#contenedor').find('img').addClass('img-container')
 

Estuve probando este código pero no me funciona, la idea es que todas las imagenes dentro de la div contenedor cojan el estilo img-container. Gracias mil

[fede5426]

Debería funcionar como dijo matake.. pero sino proba con esto:

Código Javascript:

$('#contenedor > img').addClass('img-container');
 

[reyvi]

Iniciado por fede5426

Debería funcionar como dijo matake.. pero sino proba con esto:

Código Javascript:

$('#contenedor > img').addClass('img-container');
 

BUeno pues puse este código en el head y en el body y nada, no me le agrega esa clase a las imagenes de la div contenedora. Si tienen algún ejemplo por favor mandelo o pongan la url. GRacias por todo

[pzin]

¿Hola?

Código CSS:

.img-container,
#contenedor img {
  /* ... */
}
 

[AngelKrak]

amigo como te dijo fede agrega ese JS y te servira, solo recuerda que ese codigo es de Jquery por lo tanto tienes que agregar la Libreria de Jquery ;)

Demo:
http://codepen.io/anon/pen/VvwEWR

[reyvi]

Iniciado por AngelKrak

amigo como te dijo fede agrega ese JS y te servira, solo recuerda que ese codigo es de Jquery por lo tanto tienes que agregar la Libreria de Jquery ;)

Demo:
http://codepen.io/anon/pen/VvwEWR

utilizo la libreria jquery, pero no hay manera que me coja este estilo las imagenes de la clase contenedora. En realidad utilizo bootstrap y lo que quiero es que todas las imagenes de una div con id ="contenedor" cojan la clase img-thumbnail

[AngelKrak]

haber amigo si tienes la web subida pasa el link para poder ayudarte mejor o si puedes mejor subela a codepen y muestranos una cap de tu error ;)

[reyvi]

Iniciado por AngelKrak

haber amigo si tienes la web subida pasa el link para poder ayudarte mejor o si puedes mejor subela a codepen y muestranos una cap de tu error ;)

Mi sitio web es: http://www.cadenagramonte.cu y la idea es que dentro de la capa container con id contenedor todas las imagenes tomen la clase img-thumbnail

[AngelKrak]

amigo, ya cheque y todas las imagenes tienen la clase assignada img-thumbnail no se tu cual sera tu problema ._.

[reyvi]

Iniciado por AngelKrak

amigo, ya cheque y todas las imagenes tienen la clase assignada img-thumbnail no se tu cual sera tu problema ._.

es cierto porque en la portada, con php lo hago pero cuando abres la información las que lo tienen es porque se hace de forma manual. MIra las que tienen asignada esta clase son bordeadas con un marco simi blanco y las que no, pues no tienen esto. Ejemplo de ello aquí

http://www.cadenagramonte.cu/articul...osos-huracanes

[michellqm]

Buen día

Tengo una ligera duda, ¿Es imperativo usar js?

Usando CSS como sugirió pzin lo veo como una solución más rápida

Simplemente añade el el selector de imagen al id del contenedor y puedes añadir el estilo que desees

Código:

#contenedor img {
    /* Estilo para las imagenes */
}

[reyvi]

No es necesario utilizar js, pero lo que sucede es que quiero usar la clase img-thumbnail dentro del contenedor para todas las imagenes y esta clase ya esta definida en el bootstrap, eso es lo que quiero.

Salu2
Gracias mil

[AngelKrak]

porque no pruebas con el codigo de fede haber si funciona ;)?

Código Javascript:

$('#contenedor > img').addClass('img-container');
 

y por que no lo pones en un archivo JS en vez de Script en el index?

[xfxstudios]

fàcil, copia la clase img-container y a la copia le cambias el nombre por

Código CSS:

#contenedor img{
 
/*Los datos de la clase copiada*/
}
 

a mi me funciona hacer eso

[reyvi]

Iniciado por xfxstudios

fàcil, copia la clase img-container y a la copia le cambias el nombre por

Código CSS:

#contenedor img{
 
/*Los datos de la clase copiada*/
}
 

a mi me funciona hacer eso

hice algo parecido, ya que con js no me fue bien y fue hacerlo a la antigua en ves de reutilizar un código ya escrito en otro css. Cojí el estilo de la clase de bootstrap (img-thumbnail) y se lo asigné a las imagenes dentro de contenedor. A todos gracias

[pzin]

En fin…

[siddartha23]

La solución mas óptima era la del js, buscar la clase "img-thumbnail" en el código de bootstrap y copiarlo en tu css es muy rápido pero innecesario, debes aprender a usar la consola y depurar los scripts que pegas en tu sitio web para ver si estas seleccionando correctamente las imágenes..