Bootstrap Carousel - Na prev/nex se mijenja background-image

Programiranje
1

Pozdrav.

Zavrsavam jedan projekat i stao sam na jednom dijelu.

Postoji li neki nacin da se promijeni background-image (u CSS-u) kada korisnik klikne na prev odnosno next (controls) ?

Malo sam razmisljao i mislim da bi se moglo nekako rijesiti preko data-attributes, ali ne znam kako.

Hvala.

EDIT: Nije obavezno da se ovo uradi sa Bootstrap Carouselom, ukoliko postoji neki dugi slider na kome bi se ovo moglo lakse izvesti i to bi mi odgovaralo.Animacije mi uopste nisu bitne tako da moze i bez fancy efekata.

2

To je trivijalno za izvesti, bez obzira na slider.

$( ".next" ).click(function() {
  $( "body" ).css( "background", "url(image.jpg)" );
3

Ja uradio cisto preko CSS-a.

Dodijelio klasu svakom slide-u i unutar CSS-a definisao background-image.Jednostavno, samo sam jucer bio smoren pa mi mozak nije najbolje radio :smiley:

1 Like