How to make slide effect with jquery and js

Asked

Viewed 775 times

2

Well, using jquery and js, I wanted to make a slide where my php would pull a lot of Ivs, and the limit will be 8 Ivs, for example, if you click the next button, it will move on to other Ivs that do not fit on the page, and if you click the Prev button, it will come back. How can I do that?

http://prntscr.com/7yktnp

HTML:

<div class="noticias">
<div class="box">Título</div>
</div>
<button id="next">Next</button>
<button id="prev">Prev</button>
javascript jquery html

  • this effect is called Carousel or slideshow this example of Bootstrap is very easy to adapt

  • I’ve already got a base, thank you very much.

  • http://www.w3schools.com/bootstrap/bootstrap_carousel.asp teaches how to make a Carousel in detail. In this case, bootstrap is used.

1 answer

1

The name of this effect is called Slideshow: As an example, it has the model of bootstrap. To work you need to insert the css file and the js of the version you want to use.

Here’s a working model: http://getbootstrap.com/examples/carousel/

You can also do the effect manually from a jQuery transition effect, which requires more work and knowledge, as you can also use a plugin like this jQuery Cycle: http://jquery.malsup.com/cycle/

There are many others plugins that allow to do this effect. Do a google search by the words: Carousel, Slideshow, slidebox, slide gallery, slider that will have some examples, have some that are paid and others free, do not forget to read the terms of use. I recommend also analyzing the support for the mobile versions, because some of them do not flow with the movements touchs. Good luck.

Browser other questions tagged javascript jquery html

You are not signed in. Login or sign up in order to post.