Help with a content slider

Hi guys!

I have a problem with coding some jquery on my site..

I have a content slider that I want to be without timer. The only way to get to the next slide is by the nav icons.

But how?

This is the code for it -

<div class="slider">
<a class="slider-prev" href="#"><i class="fa fa-chevron-left"></i></a>
<a class="slider-next" href="#"><i class="fa fa-chevron-right"></i></a>
<div class="slide1">
<img class="slide-image" src="img/mobile-devices.png">
<div class="slide-content">
<h3 class="slider-title">Facebook Marketing<br><span>Let me help you with the marketing on the social medias</span></h3>
<a class="slider-button" href="#">Sounds Interesting?<br>
<span>Read More Here</span>
</a>
</div><!--End of slide-content-->
</div><!--End of slide1-->
</div><!--end of slider-->

If you want the css to - write to me.

I hope someone can help me.

 

You could consider using a 3rd party plugin like Cycle 2 - http://jquery.malsup.com/cycle2/

What you're looking for is the "Manual Slideshow" at the bottom of this page - http://jquery.malsup.com/cycle2/demo/basic.php

 

thanks. But it din't work!

 

Something like this? http://jsfiddle.net/dDsLx/

 

Nope.. All the stuff are on the slider..
You can see it here -

 

That's pretty much a case of CSSing it up. You'll need to "prettify" it but - http://jsfiddle.net/5mwr8/

 

Oh nice! Thanks a lot!

 

No problem. Give me a shout if you still face issues!