Hola, necesito a ver si alguien puede ayudarme con este tema. La cuestión es que tengo una galería tipo slider en javascript pero la variable es global con lo que no puedo añadir más sliders dentro de la misma página ya que me funciona sólo una de ellas. He probado infinidad de combinaciones y no logro arreglarlo... He leído que pasando las variables globales a locales puedo hacer que cada una de mis sliders que estan dentro de una misma página funcionen por separado... pero soy nuevo en esto y no logro hacerlo...

Podría alguien decirme cómo hacerlo, por favor.....

Os dejo el código que tengo.

Gracias

Código Javascript :

// "global" variables
var current_frame = images_count = 0;
var lame_slider;


document.observe('dom:loaded', function()
{
   // loop thru all images and hide them
   lame_slider = $('slider').getElementsByTagName('li');
   for(i=0;i<lame_slider.length;i++)
      if(i!=0) lame_slider[i].style.display = 'none';
   images_count = lame_slider.length -1;

   // hook click events on prev and next buttons
   $('next').observe('click',function() { slide('fw');});
   $('prev').observe('click',function() { slide('back');});
});


function slide(direction)
{
   // hide current image
   Effect.Fade(lame_slider[current_frame]);
   if(direction == 'fw')
      if (current_frame == images_count) { current_frame = 0; } else { current_frame++; }
   else
      if (current_frame == 0) { current_frame = images_count; } else { current_frame--; }
   // and show next or previous
   Effect.Appear(lame_slider[current_frame]);
}