Slideshow - contenu HTML

Fermé
Em.onky Messages postés 2 Date d'inscription lundi 14 octobre 2013 Statut Membre Dernière intervention 18 janvier 2015 - Modifié par crapoulou le 18/01/2015 à 14:54
Bonjour.

Je me tourne vers vous parce qu'étant débutante (TRÈS GROSSE DÉBUTANTE) en Javascript, je n'arrive pas à savoir comment effectuer mes recherches, vers quel script me tourner, etc, etc. Je trouve beaucoup de choses approximatives, mais rien de précis..

Je cherche à faire un site qui fonctionnerait de cette manière :
http://blackvisualarchive.com/2014/03/the-radio-show/

Plusieurs pages (avec du contenu je suppose html : texte, image) qui naviguent entre elles par ces flèches qui restent fixes à l'écran.
J'ai trouvé une alternative bricolée via un ami (mais ça bug parfois, comme deux pages qui se superposent parfois) :

<script type='text/javascript'>
   var loadContent = function(htmlUrl){
     $("#includedContent").load(htmlUrl);
   };
   $(function() {
    loadContent('page1.html');
   },

   $(window).scroll(function(){
    $('#previous').css('top',+$(window).scrollTop());
    $('#next').css('top', +$(window).scrollTop());
   }))

  </script>


Mais cela me pousse à faire les flèches de navigation manuellement en CSS, et elles sautent de partout, ne restent jamais au centre de l'écran, etc, etc.

#previous {
 cursor:pointer;
 position: relative;
 margin: auto;
}

(Le next est pareil)

Peut-être connaîtriez vous des jQuery déjà configurés comme je le souhaiterais ? :/
Ou peut-être des alternatives plutôt simples ?

Merci beaucoup !