Slide 100% horizontal
Publicado por David (1 intervención) el 09/11/2011 16:27:57
Buenas tardes a todos.
Tengo un problema con un slide de imagenes que estoy creando para una
web.
Actualmente estoy utilizando un plugin de jQuery para hacer slide de
imagenes en las web, pero ahora me estoy encontrado con un problema.
Quiero crear un slide 100% horizontal de la pagina, y que quede
centrado (ejemplo: http://www.scotch-soda.com/ ) pero estoy teniendo
problemas. En la teoria se que tengo que utilizar imagenes de 2080px
de ancho para las diferentes resoluciones y por si agrandan la ventana
del navegador, pero no se que me pasa que nada me está funcionando
bien.
Algiuen puede darme alguna idea, alguna web con algun ejemplo que
pueda revisar el codigo y CSS para ver que estoy haciendo mal y que no
me funcione.
Espero noticias, muchas gracias de antemano a todos por las respuestas
Este es el codigo que utilizo en otros slide pero en este caso no me funciona al 100% de la ventana.
Tengo un problema con un slide de imagenes que estoy creando para una
web.
Actualmente estoy utilizando un plugin de jQuery para hacer slide de
imagenes en las web, pero ahora me estoy encontrado con un problema.
Quiero crear un slide 100% horizontal de la pagina, y que quede
centrado (ejemplo: http://www.scotch-soda.com/ ) pero estoy teniendo
problemas. En la teoria se que tengo que utilizar imagenes de 2080px
de ancho para las diferentes resoluciones y por si agrandan la ventana
del navegador, pero no se que me pasa que nada me está funcionando
bien.
Algiuen puede darme alguna idea, alguna web con algun ejemplo que
pueda revisar el codigo y CSS para ver que estoy haciendo mal y que no
me funcione.
Espero noticias, muchas gracias de antemano a todos por las respuestas
Este es el codigo que utilizo en otros slide pero en este caso no me funciona al 100% de la ventana.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="todo_ancho_slider">
<div class="scroll_imagenes" id="slider">
<ul>
<li><img class="" src="img1.jpg"></li>
<li><img class="" src="img2.jpg"></li>
</ul>
</div></div>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
height:450,
width:2080,
controlsShow:false,
auto:true,
continuous:true,
pause:4000,
});
});
</script>
Valora esta pregunta
0