Avisos
Vaciar todo
Hola.
Estoy creando otra web, http://joyeriasilviamartinez.es/ y tengo un problema con el slaider y las imágenes.
Todas las imágenes que coloco en el slaider me las cortas, me explico, si coloco en los setting que la imagen que se ve en el ordenador es de 1200 x 600 px, lo que hace es cortarme la imagen por arriba y por debajo, cuando lo lógico sería que redujera el tamaño pero no cortara la imagen.
Podeís ayudarme???
Gracias
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 30/05/2019 10:19 am
Hola Daniel.
Esto es lo que veo:
No veo que la imagen está cortada, si puedes adjuntar una captura de como lo ves nos seria de ayuda para identificar el problema.
Un saludo
Respondido : 30/05/2019 12:08 pm
Hola.
ta mando dos imagenes, una la original y la otra cuando esta en el slaider, (donde el sistema me corta la imagen por arriba y por debajo)
Respondido : 30/05/2019 1:49 pm
Hola Daniel.
Si et das cuenta cada imagen del slider tiene un tamaño distinto:
-> 
->
El slider se redimensiona para adaptarlo a las medias del bloque y es posible que se recorte para adaptarlo a ese bloque.
Intenta respetar las medias de la imagen del slider.
Puedes acceder a la demo de tu plantilla y descarga la imagen del slider de la plantilla que estés utilizando y respetar esas medidas para la imagen:
Un saludo
Respondido : 30/05/2019 2:05 pm
Y no hay manera que el slaider adapte las medidas de la imagen que subo, para que no recorte dichas imagnes???? por decir algo, codigo en el css
Respondido : 30/05/2019 2:34 pm
Hola Daniel.
El css ya está preparado para que se redimensione al 100% tanto al ancho como al alto:
<div class="tp-bgimg defaultimg " data-bgcolor="undefined" style="background-repeat: no-repeat; background-image: url(" http://joyeriasilviamartinez.es/wp-content/uploads/2019/05/1.jpg "); background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit; z-index: 20;" src="http://joyeriasilviamartinez.es/wp-content/uploads/2019/05/1.jpg">Lo que hace es redimensionar la imagen al tamaño de ese bloque según la resolución de la pantalla, si las imágenes tienen un tamaño que no es el adecuado las redimensiona para adaptarlas en este caso al ancho y en tu caso que se recortan ya que no cabe en el bloque.
Si te fijas en las imágenes que tienes añadidas verás que una tiene una altura distinta a la otra, la grande es la que respeta las dimensiones del slider.
Con CSS puedes poner un tamaño fijo pero a parte de perder la opción de responsive, tendrías los mismos problemas ya que las imágenes no tienen el mismo tamaño.
En las opciones del plugin de slider supongo que podrás modificar los tamaños del slider pero como te digo si no utilizas los mismos tamaños en las imágenes seguirás teniendo esos problemas.
No es tema de CSS, simplemente es respetar unas normas en el diseño.
Un saludo
Respondido : 30/05/2019 5:18 pm
