Tenho a seguinte estrutura:
var prop = new Array();
prop[0] = "margin : auto";
prop[1] = "padding : 5px";
prop[2] = "border : none";
...
$(elemento).css({
for(i=0; i< prop; i++) {
/*Aqui vão serem feitos os laços do for e vão imprimir a toda linha, alguma coisa como:
document.write(prop[i]);
*/
margim: auto,
/*para cada laço do for, uma linha dessa será criada*/
}
});
Para cada elemento, a impressão dentro do for será diferente.
A ideia é ver se no final
O interpretador css
, para esse caso, interpreta algo como:
$(elemento).css({
margim: auto,
padding: 5px;
border: none,
etc...
});
Existe uma forma de fazer isso funcionar?
Por orientação de um colega aqui, cheguei a essa solução.
Mas pelo fato de ser json
, e dentro da variável existir chaves, fiquei sem saber como resolver:
var variavel =
{
'0%' : { 'margin-left':'-0%'},
'33%' : { 'margin-left':'-0%'},
'38%' : { 'margin-left':'-100%'},
'66%' :{ 'margin-left':'-100%'},
'71%' : { 'margin-left':'-200%'},
100%' : { 'margin-left':'-200%'},
}
Eis a forma que estou usando para chegar ao array:
var tempoTransicao = 5;
var quantasImagens = 4;
var tamanhoIntervalos = Math.round(100/quantasImagens);
var tempoImagens = 0;
var t = 0;
var imagem = [];
for (i = 0; i < quantasImagens; i++) {
tMin = t + tempoTransicao;
tMax = t + tamanhoIntervalos;
t+=tamanhoIntervalos;
if(i==0) tMin=0;
if(i==quantasImagens) tMax=100;
imagem[i] = [];
imagem[i].push(tMin + "% { margin-left:-" + tempoImagens + "%};");
imagem[i].push(tMax + "% { margin-left:-" + tempoImagens + "%};");
tempoImagens+=100;
}
});
texto = "";
for (po=0; po<imagem.length; po++) {
texto += imagem[po][0]+imagem[po][1];
}