Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rodsk

Carousel slider + lightbox popup

Recommended Posts

Como mudo o titulo do topico? Resolvi o problema pra juntar o carousel e o lightbox. Agora nao consigo determinar um tamanho para o carousel.

Boa tarde sou totalmente iniciante com o css, html, js.

Gostaria da ajuda de vocês, pois ja procurei e tentei de varias formas e nao achei nenhuma solucao.

Como faço para determinar um tamanho para o carousel?

tentei por dentro de um div e estabelecer um tamanho no css mas nao fica do tamanho do div.

http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/

<ul id="carousel" class="elastislide-list">
<li><a href="#"><img src="images/1.jpg" alt="image01" /></a></li>
<li><a href="#"><img src="images/2.jpg" alt="image02" /></a></li>
<li><a href="#"><img src="images/3.jpg" alt="image03" /></a></li>
<!-- ... -->
</ul>

$.Elastislide.defaults = {

// orientation 'horizontal' || 'vertical'
orientation : 'horizontal',

// sliding speed
speed : 500,

// sliding easing
easing : 'ease-in-out',

// the minimum number of items to show.
// when we resize the window, this will make sure minItems are always shown
// (unless of course minItems is higher than the total number of elements)
minItems : 3,

// index of the current item (left most item of the carousel)
start : 0,

// click item callback
onClick : function( el, position, evt ) { return false; },
onReady : function() { return false; },
onBeforeSlide : function() { return false; },
onAfterSlide : function() { return false; }
};

var carousel = $('#carousel').elastislide();
...

$('#carousel').append("<li><a href="#"><img src="images/10.jpg" alt="image03" /></a></li>");
carousel.add();

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.