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