Pergunta

Estou tentando usar o JQuery Easyslider para carrossel, no entanto, quando especificar um número em porcentagem para a largura do contêiner Div, o contêiner não entrega conteúdo.

Devo assumir que é incapaz de lidar com porcentagens?

Foi útil?

Solução

Faz o contêiner div tenho crianças flutuantes? Se for verdade, é por isso que a div não mostra nenhum conteúdo (os elementos flutuantes são retirados do fluxo de documentos e, portanto, fora do elemento pai, que por sua vez entrará em colapso para 0 largura quando não houver filhos sem flutuação).

Outras dicas

No EasysLider 1.7, deve funcionar muito bem. O código relevante no plug -in é:

var w = $("li", obj).width(); 

.Width () em jQuery retorna o valor em pixels, mesmo que seja especificado no CSS como uma porcentagem. Quer você especifique porcentagem ou pixels, é efetivamente o mesmo.

Qual versão do Easyslider você está usando?

Use esta equação matemática antiga:

function getPercentage(percent, original)
{
    return ((percent/100) * original))|0;
}

Personalize o código como você deseja, ele apenas obtém a porcentagem desejada de qualquer número!.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top