Aide "module slider" pour site associatif

Bonjour,

Depuis quelque temps je travaille sur un site associatif à présent presque finis structurellement parlant. A base de html(léger php).
Cependant je bloque sur un module de "slider" .

Je voudrais arriver à un résultat de ce style environ https://smartslider3.com/image-slider/ sous cette forme :

Pour le moment je n'ai que sa pour le html:

<article class="section sliderbox">
    <div class="l-container">
        <div class="slider">
            <div class="slider-nav">
                <a href="">A Amitie</a>
                <a href="">S Solidartie</a>
                <a href="">F Famille</a>
            </div>
            <div class="slider-image">
                <img src="http://lorempicsum.com/futurama/225/465/4" alt="">
            </div>
            <div class="slider-content">
                Bonjour
            </div>
        </div>
    </div>
</article>

Et pour le css:

.sliderbox {
  margin-bottom: 10px; }

.slider {
  height: 465px;
  position: relative;
  background-color: #ff00f0;
  overflow: hidden;
  *zoom: 1; }

.slider-image {
  float: right; }

.slider-nav {
  float: left;
  width: 225px;
  height: 465px;
  border-right: 2px solid #FFF; }

Je vous remercierez beaucoup de votre aide car la je suis completement perdue c'est le seul module à finir presque et sa me bloque vraiment. Je ne sais même pas si il vaux mieux utliser javascript ou autre.

Voila lettre d'un déséspéré, à bon entendeur.