jQuery.noConflict()

Hoje eu estava tentando usar o JQuery Nivo Slider junto com VideoBox, tipo um lightbox pra vídeos do youtube, http://videobox-lb.sourceforge.net/ mas o troço nao funcionava de jeito nenhum.

Foi então que o Taturana me apresentou o jQuery.noConflict()

Ocorre que, se vou utilizar dois jquerys na mesma página, preciso definir para um deles, uma variável diferente de $ que é o padrão. Então, resolvi criando o $a . Simples.

No exemplo abaixo, basta definir uma váriavel diferente de $ para o JQuery,

ANTES:
 <script type="text/javascript">
  $(window).load(function() {
                $a('#slider').nivoSlider();
            });
  </script>

DEPOIS:
 <script type="text/javascript">

   var $a = jQuery.noConflict()  // Isto serve pro slider nao dar dar conflito com o videobox
           
   $a(window).load(function() {
                $a('#slider').nivoSlider();
            });
            </script>



Lembrando que também precisei alterar o z-index do videobox lá no css dele.
Coloquei 900 na sombra e 901 na janela e nao deu mais erro.