preciso de uma ajuda:
Tenho o seguinte json
var jsonString = "{ \"0%\" : { \"margin-left\":\"-0%\"},";
jsonString += " \"25%\" : { \"margin-left\":\"-0%\"},";
jsonString += " \"30%\" : { \"margin-left\":\"-100%\"},";
jsonString += " \"50%\" : { \"margin-left\":\"-100%\"},";
jsonString += " \"55%\" : { \"margin-left\":\"-200%\"},";
jsonString += " \"75%\" : { \"margin-left\":\"-200%\"},";
jsonString += " \"80%\" : { \"margin-left\":\"-300%\"},";
jsonString += " \"100%\" : { \"margin-left\":\"-300%\"}}";
jsonString = JSON.parse(jsonString);
$.keyframe.define([
$.extend(
{ name: 'tocaSlide' },
jsonString
)
]);
Funciona para os meus propósitos.
Mas da forma que está, tenho um var jsonString
estático.
Preciso que seja dinâmico
.
Então, estou gerando ele dentro de um loop for
, mas está dando erro.
Gostaria de saber onde estou errando.
var jsonString ={};
for (i = 0; i < quantasImagens; i++) {
tMin = t + tempoTransicao;
tMax = t + tamanhoIntervalos;
t+=tamanhoIntervalos;
if(i==0) tMin=0;
if(i==quantasImagens) tMax=100;
jsonString += "'" + tMin + "%' : { 'margin-left':'-" + tempoImagens + "%'],";
jsonString += "'" + tMax + "%' : { 'margin-left':'-" + tempoImagens + "%'},";
tempoImagens+=100;
}
jsonString = JSON.parse(jsonString );