HTML - Más de 1 galería en la misma Pagina crea conflictos?

Aquí la web en cuestión.

Tengo varias galerías de imágenes tipo slider en la misma pagina, pero solo me funciona la primera, el código por cada galería es correcto, tiene la ubicaciones de cada imagen y tal, pero el control no funciona.

Que tipo de conflicto estoy teniendo? Solo estoy usando HTML, JS y CSS (desde /*INICIO hasta */FIN).

main.js

<script src="js/jquery.min.js"></script>


<section class="slider-container">
<ul id="slider" class="slider-wrapper">
<li class="slide-current">

##IMAGENES##

</ul>
<div class="shadow"></div>
<ul id="slider-controls" class="slider-controls"></ul>
</section>


Alguien ve la solución lo agradecería.. Mil Gracias!

PD: Es la web de mis padres..

Hola Medir, únicamente con lo que muestras, es muy difícil ayudarte...

Donde llamas al slider pasándole los id's?

Hola Medir:

Lo que estoy viendo es que llamas a los sliders mediante una misma clase y se interfieren entre sí.

Podrías mantener las clases (mejor pasarlo a IDs como te dice xve) pero modificándo su nombre.

Elemplo (HTML)
En CSS

Y en lo correspondiente en Javascript: veo slider-controls como ID que no puede repetirse en la página (se repite por cada slider) y sería cuestión de "repetir" las funciones por cada ID nuevo también en Javascript slider-controls1, slider-controls2, ...

Que tonto que soy.. pues la solución es bien fácil.. MIL GRACIAS!!!