Pergunta

Eu gostaria de fazer o Jssor Carrossel de largura total, sem redimensionar a altura quando a janela é redimensionada.Isso em uma ampla tela, seria mostrar mais slides e em uma estreita tela irá mostrar menos, sem nunca alterar a altura.Eu não quero que o controle deslizante para redimensionar, eu só quero que ele corte, se isso faz sentido.

Até agora, eu tenho que trabalhar, como eu gostaria, no Firefox, Chrome, Safari e Opera.Se eu não estou explicando isso muito bem, eu me desculpo, você pode ver um exemplo de como eu gostaria de trabalhar aqui: http://jessetessman.com/110/slider.php no Firefox, Chrome, Safari ou Opera.Observação quando você redimensionar a janela para atualizar para redimensionar o controle deslizante.

O meu problema é que ele não funciona no IE.Ele só tem uma largura de 100px no IE e eu não tenho nenhuma ideia de como fazê-lo funcionar.

Agradeço qualquer ajuda que você pode dar.Eu percebo o jeito que eu tenho agora provavelmente não é a melhor maneira de ir sobre como realizar isso, mas eu não sou muito bom com javascript, então eu só mexeu com ele, até que cheguei a este ponto.Todas as sugestões sobre as melhores maneiras de fazer isso são certamente bem-vindos.

Obrigado antecipadamente pela ajuda.

Foi útil?

Solução

Por favor, adicione uma linha $("#news-slider").largura("100%");

        var jssor_slider1 = new $JssorSlider$("news-slider", options);
        $("#news-slider").width("100%");

Esqueceu de alterar os seguintes css, fazer com que a largura maior do que a largura da tela, em seguida,.

#news-slider {
    left: 0px; top: 0px; width: 2400px; height: 350px; overflow: hidden; position: relative;
}
#news-slider .slides {
    left: 0px; top: 0px; width: 2400px; height: 350px; overflow: hidden; z-index: 0;
}
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top