Ver Mensaje Individual
  #5 (permalink)  
Antiguo 12/12/2012, 17:55
yessenines
 
Fecha de Ingreso: enero-2011
Mensajes: 20
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: Slider CSS3 no me deja clickear y problema con ultimo slide

Bonez, lo voy a corregir, es xq aún está en proceso. Pero de todas formas el CSS del slider está todo junto en un archivo styles.css en la misma ubicación que el index.html los demás estilos son de la parte inferior al banner (SOLUCIONES, PRODUCTOS, SERVICIOS, NOSOTROS..), pero del banner es sólo este código (el resto que puede tener estilos en el html no son del slider, lo puedo borrar y volver a pasarlo):


<div id="banner">
<span id="sl_play" class="sl_command">&nbsp;</span>
<span id="sl_pause" class="sl_command">&nbsp;</span>
<span id="sl_i1" class="sl_command sl_i">&nbsp;</span>
<span id="sl_i2" class="sl_command sl_i">&nbsp;</span>
<span id="sl_i3" class="sl_command sl_i">&nbsp;</span>
<span id="sl_i4" class="sl_command sl_i">&nbsp;</span>


<section id="slideshow">

<a class="commands prev commands1" href="#sl_i4" title="&Uacute;ltima Promo">&nbsp;</a>
<a class="commands next commands1" href="#sl_i2" title="Promo 2">&nbsp;</a>
<a class="commands prev commands2" href="#sl_i1" title="Promo 1">&nbsp;</a>
<a class="commands next commands2" href="#sl_i3" title="Promo 3">&nbsp;</a>
<a class="commands prev commands3" href="#sl_i2" title="Promo 2">&nbsp;</a>
<a class="commands next commands3" href="#sl_i4" title="Promo 4">&nbsp;</a>
<a class="commands prev commands4" href="#sl_i3" title="Promo 3">&nbsp;</a>
<a class="commands next commands4" href="#sl_i1" title="Volver a Promo 1">&nbsp;</a>

<a class="play_commands pause" href="#sl_pause" title="Maintain paused">Pause</a>
<a class="play_commands play" href="#sl_play" title="Play the animation">Play</a>

<div class="container">
<div class="c_slider"></div>
<div class="slider">
<a href="http://www.google.com" ><figure>
<img src="img/dummy-640x310-1.jpg" alt="" width="1600" height="553" />
<figcaption>
Ver m&aacute;s &gt;&gt;
</figcaption>
</figure></a><!--
--><figure>
<a href="http://www.google.com" ><img src="img/dummy-640x310-2.jpg" alt="" width="1600" height="553" />
<figcaption>Ver m&aacute;s &gt;&gt; 2</figcaption>
</figure></a><!--
--><a href="http://www.google.com" ><figure>
<img src="img/dummy-640x310-3.jpg" alt="" width="1600" height="553" />
<figcaption>Ver m&aacute;s &gt;&gt; 3</figcaption>
</figure></a><!--
--><a href="http://www.google.com" ><figure>
<img src="img/dummy-640x310-4.jpg" alt="" width="1600" height="553" />
<figcaption>Ver m&aacute;s &gt;&gt; 4</figcaption>
</figure></a>
</div>
</div>

<span id="timeline"></span>
<div class="dots_commands">
<ul class="dots_commandsUl"><!--
--><li><a title="Promo 1" href="#sl_i1">Slide 1</a></li><!--
--><li><a title="Promo 2" href="#sl_i2">Slide 2</a></li><!--
--><li><a title="Promo 3" href="#sl_i3">Slide 3</a></li><!--
--><li><a title="Promo 4" href="#sl_i4">Slide 4</a></li>
</ul>
</div>

</section>

</div>




Luego los plugins son sólo para los navegadores (los resets de boilerplate y modernizr, etc), porque la voy a hacer responsive (adaptable a celulares) pero x ahora no los está usando. No los coloco en el head xq así lo recomiendan por el SEO. Los voy a quitar también para facilitar la lectura del código al igual que todo lo que no es parte del slider. Las animaciones son por CSS, a exceptuar la que hace que se baje la página cuando clickeas en las opciones del menú "Conozcanos!" que esas si tienen un smoothscroll.js pero los javascript están todos dentro de la carpeta js, no hay sueltos.


Limpio y ordeno todo lo que no es del slider y lo vuelvo a subir. Gracias!