Bonjour,

Je n'arrive pas à faire détecter l'iPhone avec ce code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
$(document).ready(function(){ 
if (($.browser.iPhone) || ($.browser.android) || ($.browser.blackberry) || (screen.width <= 800)) { // mobiles
    $("#myController").jFlow({
        slides: "#slider-home-2",
        controller: ".jFlowControl", // must be class, use . sign
        slideWrapper: "#jFlowSlide", // must be id, use # sign
        selectedWrapper: "jFlowSelected", // just pure text, no sign
        auto: true, //auto change slide, default true
        width: "705px",
        height: "1500px", // ajouter 247px pour une nouvelle ligne de blocks
        duration: 700,
        prev: ".jFlowPrev", // must be class, use . sign
        next: ".jFlowNext" // must be class, use . sign
    });
}
else { // écrans d'ordinateurs
    $("#myController").jFlow({ 
        slides: "#slider-home-2",
        controller: ".jFlowControl", // must be class, use . sign
        slideWrapper: "#jFlowSlide", // must be id, use # sign
        selectedWrapper: "jFlowSelected", // just pure text, no sign
        auto: true, //auto change slide, default true
        width: "705px",
        height: "511px", // ajouter 247px pour une nouvelle ligne de blocks
        duration: 700,
        prev: ".jFlowPrev", // must be class, use . sign
        next: ".jFlowNext" // must be class, use . sign
    });
}
La différence se fait sur Opera Mini mais pas sur iPhone (et j'ai pas essayer sur Android et BB...). Je comprend pas pourquoi ça ne fonctionne pas car le code semble bon.

J'ai aussi essayer en mettant seulement "if ($.browser.iPhone)" mais idem il ne le détecte pas.

Voici la page en ligne : http://www.chokri-rafik.com/realisations/NatureTour/, le deuxième slider n'est pas censé être "coupé" en bas.