Discussion :

[chok371]

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.

[Arnaud F.]

Bonjour,

ça ne fonctionne pas car jQuery ne fait tout simplement pas la distinction entre tous les navigateurs que vous citez.

Source : http://api.jquery.com/jQuery.browser/

Il est préconisé d'utiliser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

navigator.userAgent

à la place.

De plus, iPhone / Android / Blackberry ne sont pas des navigateurs mais des OS, attention à ne pas confondre userAgent et OS ...