Criação de Plugins

[Lampaed 1]

Ola a Todos..

Eu Estou desenvolvendo um plugin para distribuir gratuitamente pela internet, faz um tempo que eu tenho pensado nele e hoje eu começei a fazer, só que eu ainda tenho muitas dúvidas com framework Jquery(ou Library), vou postar o codigo aqui e você me mostram aonde que eu estou errando.

 

$(document).ready(function($) { 

   $.fn.zindex = function(o){

       o = $.extend({ 
           next : null,
           prev : null

       }, o || {});

       //Objetos a serem Manipulados

       var processoZIndex, direcao, novoZIndex, Incremento;




       //Definições
       df = {
           z : 0,
           emAnimacao : false
       }

       $.random = function(max,min){
           var result = Math.floor(Math.random() * (max+1));
           if(result < min){
               return $.random(min,max);
           } else {
               return result;
           }

       }

       //Separei esse each(cada) do retorno para facilitar a compreenção
       $(this).each(function(){
           var rd = $.random(1,3) * 10;
           df.z++;
           $(this).parent().css({
               position: "relative"
           });
           $(this).css({
               "z-index":df.z,
               "position":"absolute",
               "top":0,
               "left":0,
               'transform': "rotate("+ rd + "deg)",
               '-moz-transform' : "rotate("+ rd + "deg)",
               '-webkit-trasform': "rotate("+ rd + "deg)",
               '-o-trasform': "rotate("+ rd + "deg)",
               '-ms-transform': "rotate("+ rd + "deg)"
           });
       });


       function go(){
           if(df.emAnimacao){
               return false;
           }
           else{
               df.emAnimacao = true;
           }
           if($(this).css('z-index') == df.z){
               $(this).animate({
                   "top": direcao + $(this).heigth() + "px"
               },'slow',function(){
                   $(this).css({
                       'z-index': novoZIndex,
                       'top': 0
                   },'slow',function(){
                       df.emAnimacao = false;
                   });
               });
           }else{
               $(this).animate({
                   'top': 0
               },'slow',function(){
                   $(this).css({
                       'z-index': parseInt($(this).css('z-index') + Incremento)
                   });
               });

           }

           return false;
       }

       $(o.next).click(function(){

           processoZIndex = df.z;
           direcao = "-";
           novoZIndex = 1;
           Incremento = 1;
           go();
       });

       $(o.prev).click(function(){
           processoZIndex = 1;
           direcao = "";
           novoZIndex = df.z;
           Incremento = -1;
           go();
       });   


   }

});

 

O Codigo HTML

 

<script type="text/javascript">
       $(function(){

           $('#pictures img').zindex({
               next : $('#next'),
               prev : $('#previous')
           });

       });
</script>

<div id="pictures">
           <img src="images/picture1.png" alt="" />
           <img src="images/picture2.png" alt="" />
           <img src="images/picture3.png" alt="" />
           <img src="images/picture4.png" alt="" />
           <img src="images/picture5.png" alt="" />
         </div>

<a href="#previous" id="prev">« Anterior</a>
        <a href="#next" id="next">Proxima »</a>

 

 

Help mE!!! :sick: :sick: :sick:

[William Bruno 1501]

qual é a dúvida ? oq o teu plugin deveria fazer?

 

dá erro ? qual ?

conhece o console de erros ? Ctrl+Shift+J no Firefox.

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

 

 

difícil te ajudar se você não disser doq precisa.