Forums Développement Multimédia

Aller au contenu

- - - - -

Navigation galerie photo impossible sous mac (ipad, iphone,...macbook) [Résolu]

dreamweaver CODE css galerie navigation html compatibilité pc mac apple

2 réponses à ce sujet

#1 Mandine

    Ceinture Blanche

  • Members
  • Pip
  • 14 messages

Posté 23 October 2014 - 13:57 PM

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 {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 50%;
left: 0;
z-index: 99;
opacity: 0.7;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
margin-top: -45px;
margin-right: 20px;
background-color: transparent;
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-size: cover; /* version standardisée */
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 ?

Merci à vous,
Mandine

#2 Mandine

    Ceinture Blanche

  • Members
  • Pip
  • 14 messages

Posté 02 November 2014 - 16:23 PM

Salut vous tous,

personne n'a de solutions pour moi ? :(
Je suis assez désespérée, je ne trouve aucunes solutions mais peut être que ma demande n'est pas bien formulée ??? Faites le moi savoir s'il vous plait

#3 Mandine

    Ceinture Blanche

  • Members
  • Pip
  • 14 messages

Posté 03 November 2014 - 14:35 PM

Problème résolu, un connaisseur m'a indiqué que cela venait de mon code js :)
Je devais remplacer ceci :

//<![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 cela :

$(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
});
});




Répondre à ce sujet



  

1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)