Défilement des photos de ma galerie impossible sous mac [Résolu]

Bonjour à tous,

j'ai créé mon site web qui normalement fonctionne sur PC et MAC sauf .... la navigation sur mon portfolio. Sur les mac, mes boutons de navigations n'apparaissent pas donc on ne peut voir que la première image de ma galerie

voici le lien vers mon portfolio : http://runeda.fr/Portfolio.html
Mon code CSS est le suivant (ma navigation correspond à une image arrière plan) :

.rslides1_nav {
background-image: url(IMAGES/Logo/navigation.png);
   -webkit-background-size: cover; /* pour Chrome et Safari */
   -moz-background-size: cover; /* pour Firefox */
   -o-background-size: cover; /* pour Opera */
background-repeat: no-repeat;
background-position: left top;
  }

Quelqu'un pourrait-il m'aiguiller sur la marche à suivre pour que mon portfolio soit visible depuis un mac, un iphone, un ipad ?

Merci à vous,
Mandine
Modifié par Mandine (03 Nov 2014 - 14:26)

Bonjour,

As-tu retiré les boutons de navigation ?
Je ne les trouve pas dans le code donc impossible d'aller plus loin.

Merci de ta réponse Raphi.
Alors il n'y a pas de boutons puisque c'est une image d'arrière plan qui fait office de bouton me semble t-il.

C'est peut être un problème de jQuery.
En fait j'ai utilisé le diapo Responsive Slide, disponible ici : http://responsive-slides.viljamis.com/.[/url] et cela fonctionne parfaitement sur chrome, opera, ... mais pas safari.

Je suis débutante donc je ne m'explique peut être pas assez clairement

Quand je dis "pas de boutons" je sous-entendais le code qui servait à afficher un bouton, peu importe le code utilisé.
En fait je viens de voir que ça fonctionne sur Chrome mais par Firefox.
Je me demande si le problème ne viendrait pas de ton code js qui sert à initialiser ton slider.
Remplace ça :

//<![CDATA[ 
window.onload=function(){
  $(".rslides").responsiveSlides({
      auto: false,             // Boolean: Animate automatically, true or false
      speed: 500,            // Integer: Speed of the transition, in milliseconds
      timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
      pager: false,           // Boolean: Show pager, true or false
      nav: true,             // Boolean: Show navigation, true or false
      random: false,          // Boolean: Randomize the order of the slides, true or false
      pause: false,           // Boolean: Pause on hover, true or false
      pauseControls: true,    // Boolean: Pause when hovering controls, true or false
      prevText: "Previous",   // String: Text for the "previous" button
      nextText: "Next",       // String: Text for the "next" button
      maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
      navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
      manualControls: "",     // Selector: Declare custom pager navigation
      namespace: "rslides",   // String: Change the default namespace used
      before: function(){},   // Function: Before callback
      after: function(){}     // Function: After callback
    });
}//]]>

par ça :

$(function () {
  $(".rslides").responsiveSlides({
      auto: false,             // Boolean: Animate automatically, true or false
      speed: 500,            // Integer: Speed of the transition, in milliseconds
      timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
      pager: false,           // Boolean: Show pager, true or false
      nav: true,             // Boolean: Show navigation, true or false
      random: false,          // Boolean: Randomize the order of the slides, true or false
      pause: false,           // Boolean: Pause on hover, true or false
      pauseControls: true,    // Boolean: Pause when hovering controls, true or false
      prevText: "Previous",   // String: Text for the "previous" button
      nextText: "Next",       // String: Text for the "next" button
      maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
      navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
      manualControls: "",     // Selector: Declare custom pager navigation
      namespace: "rslides",   // String: Change the default namespace used
      before: function(){},   // Function: Before callback
      after: function(){}     // Function: After callback
    });
});

Au passage, fait attention tu appelles des fichiers qui n'existent pas :
http://runeda.fr/CSS/respond.min.js
ou encore :
http://runeda.fr/IMAGES/Galerie/Nouveau%20dossier/O2.jpg

Raphi, je te remercie beaucoup car ça fonctionne

Pour les fichiers, je n'arrive pas à les supprimer, ils sont dans une zone non modifiable et je n'arrive pas à changer cela dans dreamweaver

De rien.
Tu n'as pas un client FTP comme Filezilla pour accéder à tes fichiers ?
Et le problème vient plutôt du fait que ces fichiers n'existent pas ou bien que tu as mal renseigné leur chemin.
De plus les espace dans les noms de dossiers ou fichiers c'est à bannir.
Il vaux mieux se limiter uniquement à des caractères alphanumérique (en minuscule), des underscores, des tirets, des points et c'est tout. Le reste c'est à bannir.
Cette règle est assez importante parce que selon l'OS installé sur le serveur, tu peux te retrouver avec des soucis pour accéder à tes ressources.

Si bien sûr, je vais donc supprimer les fichiers de Filezilla
Effectivement je n'ai pas tout fait proprement, il y a des restes de mes anciennes tentatives.
Je prends bien note de tes conseils avisés.
Merci encore pour ton aide Raphi

Avec plaisir !
N'oublie pas de mettre ton post en [Résolu] si tu considères que ton problème est réglé.