How to make slide effect with jquery and js

2
Well, using jquery and js, I wanted to make a slide where my php would pull many divs, and the limit would be 8 divs, for example, if you click the next button, it will move to other divs that do not fit on the page , and if you click the prev button, it will return. How can I do this?

link

HTML:

<div class="noticias">
<div class="box">Título</div>
</div>
<button id="next">Next</button>
<button id="prev">Prev</button>
    
asked by anonymous 29.07.2015 / 23:39

1 answer

1

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

Here's a working template: link

You can also do the effect manually from a jQuery transition effect, which requires more work and knowledge, but you can also use a plugin such as jQuery Cycle: link

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

    
18.08.2015 / 23:39