R
ruyjol
Gamma
Redactor
saludos amigos,
he bajado el Flux slider, que da unos efectos buenos segun se puede comprobar aqui Flux Slider Demo » Hardware accelerated image transitions using CSS3 pero, no consigo que muestre las imagenes como debería, vayamos por partes:
primero llamo al jquery en el <head> con los siguientes scripts
luego, en el archivo de estilos CSS hago esto:
y finalmente en el archivo .html donde quiero llamar al slider pongo así:
y muestra la imagen pero las dimensiones que requiero no las respeta y no se por que, ¿alguien me puede ayudar?
básicamente el problema es que no muestra la imagen completa sino mas bien una imagen cortada por lo alto.
Gracias de antemano
he bajado el Flux slider, que da unos efectos buenos segun se puede comprobar aqui Flux Slider Demo » Hardware accelerated image transitions using CSS3 pero, no consigo que muestre las imagenes como debería, vayamos por partes:
primero llamo al jquery en el <head> con los siguientes scripts
Insertar CODE, HTML o PHP:
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
<script type="text/javascript" src="js/flux.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
if(!flux.browser.supportsTransitions)
alert("Flux Slider requires a browser that supports CSS3 transitions");
window.f = new flux.slider('#slider', {
pagination: true
});
});
</script>luego, en el archivo de estilos CSS hago esto:
Insertar CODE, HTML o PHP:
div#slider div.fluxslider {
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
-ms-box-sizing:content-box;
box-sizing:content-box;
padding:10px 0 !important;
overflow:hidden
}y finalmente en el archivo .html donde quiero llamar al slider pongo así:
Insertar CODE, HTML o PHP:
<div id="slider">
<img src="slider/1.jpg" alt="" />
<img src="slider/2.jpg" alt="" title="imagen 2" />
<img src="slider/3.jpg" alt="" />
<img src="img/4.jpg" alt="" />
</div>y muestra la imagen pero las dimensiones que requiero no las respeta y no se por que, ¿alguien me puede ayudar?
básicamente el problema es que no muestra la imagen completa sino mas bien una imagen cortada por lo alto.
Gracias de antemano
