Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/12/2014, 03:40
alfuco
 
Fecha de Ingreso: julio-2014
Mensajes: 53
Antigüedad: 9 años, 6 meses
Puntos: 1
Galería "slider" solamente con css

Buenas, os escribo porque he conseguido hacer una galería de imagenes tipo slider con botoncitos para que pasen las imagenes. El siguiente paso es que las imagenes pasen solas pero que siga habiendo los botoncitos. ¿Podríais ayudarme? Os pongo aqui el codigo html:

Código:
<div id="galeria">
      <section class="cr-container">            
 
    <!-- radio buttons and labels -->
    <input id="select-img-1" name="radio-set-1" type="radio" class="cr-selector-img-1" checked/>
    <label for="select-img-1" class="cr-label-img-1"></label>
 
    <input id="select-img-2" name="radio-set-1" type="radio" class="cr-selector-img-2" />
    <label for="select-img-2" class="cr-label-img-2"></label>
 
    <input id="select-img-3" name="radio-set-1" type="radio" class="cr-selector-img-3" />
    <label for="select-img-3" class="cr-label-img-3"></label>
 
    <input id="select-img-4" name="radio-set-1" type="radio" class="cr-selector-img-4" />
    <label for="select-img-4" class="cr-label-img-4"></label>
 
    <div class="clr"></div> 
 
    <!-- panels -->
    <div class="cr-bgimg">
        <div>
            <span>Slice 1 - Image 1</span>
            <span>Slice 1 - Image 2</span>
            <span>Slice 1 - Image 3</span>
            <span>Slice 1 - Image 4</span>
        </div>
        <div>
            <span>Slice 2 - Image 1</span>
            <span>Slice 2 - Image 2</span>
            <span>Slice 2 - Image 3</span>
            <span>Slice 2 - Image 4</span>
        </div>
        <div>
            <span>Slice 3 - Image 1</span>
            <span>Slice 3 - Image 2</span>
            <span>Slice 3 - Image 3</span>
            <span>Slice 3 - Image 4</span>
        </div>
        <div>
            <span>Slice 4 - Image 1</span>
            <span>Slice 4 - Image 2</span>
            <span>Slice 4 - Image 3</span>
            <span>Slice 4 - Image 4</span>
        </div>
    </div>
 
    <!-- titles -->
    <div class="cr-titles">
        <h3>
             <span></span>
            <span><a id="color" href="#4">Albor</a></span>
        </h3>
        <h3>
            <span></span>
            <span><a id="color" href="#2">mciwe</a></span>
        </h3>
        <h3>
            <span></span>
            <span><a id="color" href="#1">dwwd</a></span>
        </h3>
        <h3>
            <span></span>
            <span><a id="color" href="#5">prueba</a></span>
        </h3>
    </div>
 
</section>
</div>

Y en otro mensaje el css