Foros del Web » Creando para Internet » CSS »

Imagen dentro de Slider no se adapta a resolución

Estas en el tema de Imagen dentro de Slider no se adapta a resolución en el foro de CSS en Foros del Web. Buenos Días, el asunto es que tengo un slider de imagenes (easyslider) pero el detallito es que la imagen no se adapta a la resolución ...
  #1 (permalink)  
Antiguo 22/02/2011, 07:56
Avatar de LinkLooker  
Fecha de Ingreso: agosto-2002
Mensajes: 136
Antigüedad: 22 años, 3 meses
Puntos: 3
Imagen dentro de Slider no se adapta a resolución

Buenos Días, el asunto es que tengo un slider de imagenes (easyslider) pero el detallito es que la imagen no se adapta a la resolución de la pantalla...Es decir a 1024*768 se ve bién pero por ejemplo a 1280*768 no crece, su contenedor que es un div si crece porque lo tengo al 100% pero la imagen que esta dentro no..

He probado con #slider img { width:100% } pero ná...

También he probaado reemplazando las dimensiones de las imagenes y colocarlas Width=100% pero tampoco funciona...

No sé que mas probar asi que recurro a los duros del CSS y HTML..jejeje

Saludos y gracias de antemano...

Codigo HTML

<div id="slider">
<ul>
<li><a href="archivos/Resolucion08112010.pdf" target="_blank"><img src="2010/slider/resolucion.png" alt="Importante Resoluci&oacute;n Pagos Fraccionados" width="100%" height="100" border="0" /></a></li>
<li><a href="archivos/pasantias/proceso_pasantias.pdf" target="_blank"><img src="2010/imagenes/02.jpg" alt="Pasantias Periodo 2010-2" width="614" height="100" border="0" /></a></li>
<li><a href="dependencias/dace.html" target="_blank"><img src="2010/imagenes/03.jpg" alt="Tramite de Equivalencias de Estudio" width="614" height="100" border="0" /></a></li>
<li><a href="dependencias/ase.html" target="_blank"><img src="2010/imagenes/04.jpg" alt="Asociación de Egresados" width="614" height="100" border="0" /></a></li>
<li><a href="archivos/calendarios/calendario.pdf" target="_blank"><img src="2010/imagenes/05.jpg" alt="Admitidos Carrera" width="614" height="100" border="0" /></a></li>
<li><a href="" target="_blank"><img src="2010/slider/carnet.jpg" alt="Por tu seguridad usa el Carné" width="614" height="100" border="0" /></a></li>
</ul>
</div>


Codigo CSS:

#contslider{ border:solid #009933 1px; padding: 4px 4px 6px 4px; }
/*///////////comienzo del slider //////////*/
img{border:none; }
pre{
display:block;
font:5px "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;
margin:.5em 0;
width:100%;
}


/* // image replacement */

#container{
margin:0 auto;
position:relative;
text-align:left;
width:505px;
height:100px;
background:#fff;
margin-bottom:2em;

}

#content{
position:relative;
}

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}

#slider{


margin: 0px 0px 0px 0px;
width:505px
}


#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:614px;
height:100px;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#nextBtn, #slider1next{
left:696px;
}


/* numeric controls */

ol#controls{
margin:5px ;
padding:0;
height:18px;
}
ol#controls li{
margin:0 5px 0 0;
padding:0;
float:left;
list-style:none;
height:18px;
line-height:8px;
}
ol#controls li a{
float:left;
height:18px;
line-height:18px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
margin-left:10px;
/*tamaño botones numericos*/
padding:0px 10px ;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // FIN Easy Slider */
  #2 (permalink)  
Antiguo 22/02/2011, 09:34
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 10 meses
Puntos: 36
Respuesta: Imagen dentro de Slider no se adapta a resolución

Tienes definida la siguiente propiedad dentro de #slider :width:505px
Supongo que eso es lo que está limitando el ancho de las imágenes.
De no ser así, si el slider usa un script puede estar cambiando el ancho de las imágenes desde él.
  #3 (permalink)  
Antiguo 22/02/2011, 09:36
Avatar de LinkLooker  
Fecha de Ingreso: agosto-2002
Mensajes: 136
Antigüedad: 22 años, 3 meses
Puntos: 3
Respuesta: Imagen dentro de Slider no se adapta a resolución

Ya he modificado alli y nada....Sigo intentando...Gracias por la respuesta..
  #4 (permalink)  
Antiguo 22/02/2011, 10:56
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 10 meses
Puntos: 36
Respuesta: Imagen dentro de Slider no se adapta a resolución

No sólo debes eliminar ese ancho. Debes también modificar el ancho de las imágenes como dijiste que estabas haciendo.
Yo te recomiendo eliminar el width y height de las etiquetas HTML y colocarlo en el CSS de la siguiente manera:
#slider img{
width:100%;
height:auto;
}
Como te expliqué, de nada servirá si hay un script y está cambiando estas propiedades.
  #5 (permalink)  
Antiguo 16/12/2012, 07:07
 
Fecha de Ingreso: noviembre-2012
Ubicación: españa
Mensajes: 18
Antigüedad: 12 años
Puntos: 0
Respuesta: Imagen dentro de Slider no se adapta a resolución

Buenos dias!! yo tengo el mismo problema! tengo instalado oxygen de WP en un local host MAMP y tambien en mi web. EN el local host logre agrandar el slideshow al 100% pero cuando lo intento en la web solo se agranda el Slideshow pero no las fotos( se quedan en 750x380. Intente TODO!. re-instale el Theme, desactive los pluggins, subi de nuevo las fotos, cambie la CSS, los .php de post, fron page, ...etc. pero nada. A mi entender, mi pagina del LocalHost es exactamente igual a la de la webOnline.
Lo unico que me falta hacer es desinstalar totalmente el WP al completo de mi web y volver a instalarlo pero tengo la sospecha que eso tampoco dara resultado....AYUDA!!!!

Me llamo la atencion lo que dijo SANXUAN, ¿donde encuentro el scrip en el them Oxygen de WP?

GRACIASSS!!

www.verbo10.com

Etiquetas: resolución, slider
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




La zona horaria es GMT -6. Ahora son las 04:29.