W tej chwili ukryłem drugi baner i obecnie pokazuje baner 1. Po kliknięciu strzałki chcę baner 1, aby ukryć i baner 2, aby pokazać się z prawej strony.

W tej chwili pochodzi z dołu przy użyciu tego:

  $(".homeArrow").on('click', function () {
$('.homeImage').animate({
    width: 'toggle'
});

});

To jest skrzypce JS:

http://jsfiddle.net/8a7gl/174/

Jak dostać suwak poruszający się poziomo, a nie pionowo.

Dzięki

2
al123 18 sierpień 2014, 19:40

2 odpowiedzi

Najlepsza odpowiedź

Możesz ustawić w tej klasie homeImage float:left i wyczyść pływak w tym homeArrow:

.homeImage{
    float: left;
}
.homeArrow{
    clear: left;
}

skrzypce

2
Alex Char 18 sierpień 2014, 15:58

Musisz umieścić elementy obok siebie, na tej samej linii. Jednym ze sposobów byłby ustawić .homeImage do display: inline.

Oto skrzypce, aby zademonstrować:

http://jsfiddle.net/8a7gl/181/

1
colti 18 sierpień 2014, 15:53