JQuery Easyslider, sem % de largura?
-
22-09-2019 - |
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?
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!.