利用jQuery自定义插件的方法

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

http://www.w3.org/1999/xhtml">

   
    <script language="javascript" type="text/javascript" src="jquery-1-3-2.js"></script>

  
       

                   

           

       
       

        <script  language="javascript"  type="text/javascript">
              var imgDataSrc=[
                {ImageName:'LOFT H户型',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-1614433305.jpg'},
                {ImageName:'datu1',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-1771690593.jpg'},
                {ImageName:'datu2',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-332572108.jpg'},
                {ImageName:'datu3',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-1540082300.jpg'},
                {ImageName:'shapan1',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-1224456330.jpg'},
                {ImageName:'shapan2',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-2092384365.jpg'},
                {ImageName:'shapan3',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-515870985.jpg'},
                {ImageName:'1',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-1724064979.jpg'},
                {ImageName:'2',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/814598877.jpg'},
                {ImageName:'3',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/1164304884.jpg'},
                {ImageName:'4',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/1085064821.jpg'},
                {ImageName:'xiaoguo3',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-88213983.jpg'},
                {ImageName:'xiaoguo4',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/1779940432.jpg'},
                {ImageName:'xiaoguo5',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-878681221.jpg'},
                {ImageName:'xiaoguo6',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-409829414.jpg'},
                {ImageName:'xiaoguo7',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-1335630199.jpg'},
                {ImageName:'shapan1',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-415106953.jpg'},
                {ImageName:'shapan2',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-662482589.jpg'},
                {ImageName:'jjjjjjjjjjjjjjjjjjjj',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-669777875.jpg'},
                {ImageName:'shapan4',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-1977429861.jpg'},
                {ImageName:'xiaoguo',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/144776698.jpg'},
                {ImageName:'xiaoguo2',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/412236250.jpg'},
                {ImageName:'shapan3',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-499068007.jpg'},
                {ImageName:'shapan4',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/1495616620.jpg'},
                {ImageName:'water marke ',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/1516907466.jpg'},
                {ImageName:'water marke 222',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/1171819103.jpg'},
                {ImageName:'water marke 222333',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-466632812.jpg'},
                {ImageName:'dfxxxxx',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-167316570.jpg'},
                {ImageName:'tt',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-2022984290.jpg'},
                {ImageName:'tt',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-1523216708.jpg'},
                {ImageName:'test',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/1632776483.jpg'},
                {ImageName:'test',ImageUrl:' http://www.mainaer.com/UploadFiles/mainaer/4/-1336707989.jpg'}
              ];
         </script>
        <script language="javascript" type="text/javascript">
        (function($){
           var settings=null ;
           $.photoGally=function (callSettings){
                settings = $.extend({photoElement:"#proImageContentDiv",navCtrl:"#smlImageContent3",dataSrc:null  },  callSettings ||{} );
                showPhoto();
                return this ;
           } ;
           var showPhoto=function (){
                for(var i=0;i
                       $(" ").attr({"src":settings.dataSrc[i].ImageUrl,"width":100,"height":100}).appendTo(settings.navCtrl);
                }
           }
        })(jQuery);
        </script>
        <script language="javascript" type="text/javascript">
           var x=   $.photoGally( {"dataSrc":imgDataSrc});
        </script>

 

--------------备注：$.fn.XXX  是对jQuery 本身的扩展。。今日记录之。。。。