Then!

I am new here.  First topic and i need you help. Thank you to who can help-me.

I am trying create a slideShow plugin for praticate same and stopped in a trouble.

I have the below code: 

1. var arrayJson = 
2. { 
3.   '0%' : { 'margin-left':'-0%'},
4.  '33%' : { 'margin-left':'-0%'},
5.  '38%' : { 'margin-left':'-100%'},
6.  '66%' :{ 'margin-left':'-100%'},
7.  '71%' : { 'margin-left':'-200%'},
8.  100%' : { 'margin-left':'-200%'},
9. }

And i need change a keyframe css called slide:

1. <styles>
2.   .......
3.   @keyframe slide {}
4. 
   
5. </style>
6. 
   

1. $.keyframe.define([{
2.    name: 'tocaSlide',
3.    content : function () {
4. return arrayJson ;
5.    }
6. }]);       

1. var arrayJson2 = 
2. { 
3.  '0% : { margin-left:-0%'},
4.  33% : { margin-left:-0%'},
5.  38% : {'margin-left:-100%'},
6. '66% :{ margin-left:-100%'},
7.  71% : { margin-left:-200%'},
8.  100% : {'margin-left:-200%'},
9. }