// Début $.getJSON $(function() { $.getJSON("data/data.json", function(data) { //*** SECTIONS DESCRIPTIONS RACES *** for (var i = 0; i < data.length; i++) { var message = "

"; message += "

" + data[i].race + "

"; message += "

" + data[i].infos + "

"; message += "

" ; message += "

"; $("#sortie").append(message); } // Fin du For - Descriptif // *** LIENS DE MAVIGATIONS RACES *** for (var i = 0; i < data.length; i++) { var message2 = "

"; message2 += "" + data[i].race + ""; message2 += "

"; $("#lien").append(message2); // CSS Menu races $("ul li a").css({"color":"white", "text-decoration":"none","font-weight":"bold","text-transform":"uppercase"}); } // Fin du For - Liens races // *** CAROUSSEL *** for (var i = 0; i < data.length; i++) { var photo = "

"; $("#film").append(photo); } // Fin du For Carousel var nbImages = data.length; var lgFilm = nbImages * 650; $("#film").css("width", lgFilm); var j = 0; var message3 = j + 1 + " / " + nbImages; $(".total").text(message3); $("#next").click(function() { if (j < data.length - 1) { var posX = $("#film").position().left; // Relevé de la position var newPos = posX - 650; // Déterminer la nouvelle position $("#film").animate({ "left": newPos }); j++; var message4 = j + 1 + " / " + nbImages; $(".total").text(message4); } }); $("#prev").click(function() { if (j > 0) { var posX = $("#film").position().left; // Relevé de la position var newPos = posX + 650; // Déterminer la nouvelle position $("#film").animate({ "left": newPos }); j--; var message5 = j + 1 + " / " + nbImages; $(".total").text(message5); } }); // Fin du Carousel // *** Affichage carousel pour BodyWidth < 480px var respCarous = (document.body.clientWidth) if(respCarous < 480){ var posX = 0 var nbImages = data.length; var lgFilm = nbImages * 300; $("#film").css("width", lgFilm); var j1 = 0; $("#next").click(function() { if (j1 < data.length - 1) { var posX = $("#film").position().left; // Relevé de la position var newPos = posX - 300; // Déterminer la nouvelle position $("#film").stop().animate({ "left": newPos }); j1++; } }); $("#prev").click(function() { if (j1 > 0) { var posX = $("#film").position().left; // Relevé de la position var newPos = posX + 300; // Déterminer la nouvelle position $("#film").stop().animate({ "left": newPos }); j--; } }); // Fin du Carousel }; // fin du if BodyWidth < 480px // *** DIV APERCU GRANDES PHOTOS *** $("#sortie div img").click(function() { var ind = $(this).parent().index(); $("body,div#lien").animate({ "margin-left":0}); var message6 = "

"; message6 += "

" + data[ind].race + "

"; message6 += ""; $("#detail").html(message6); $("#detail").stop().animate({ "top": 0 }); $("div#lien").stop().animate({ "margin-left":-200}); $("button#retour").click(function() { $("#detail").stop().animate({ "top": "-100%" }, 500, function() { $("#detail").html(""); }) $("body,div#lien").stop().animate({ "margin-left":0}); }); }); // Fin aperçu grandes photos // Effet Petites vignettes $("#sortie div img").fadeTo(500, 0.8); $("#sortie div img").mouseover(function() { $(this).fadeTo(500, 1); }); $("#sortie div img").mouseout(function() { $(this).fadeTo(500, 0.8); }); // *** MENU TOOLS *** // Couleurs $("div#r,div#v,div#b").click(function() { // Récupèrer la couleur CSS de l'élément cliqué var couleur = $(this).css("background-color"); $("html,body").css("background-color", couleur); }); // Déterminer une taille de police par défault entre 16px - 24px $("h1").css("font-size",24); $("h2").css("font-size",20); $("p").css("font-size",16); // Tailles polices $("#plus").click(function() { // Récupèrer la taille var tailleH1 = parseInt($("h1").css("font-size")); var tailleH2 = parseInt($("h2").css("font-size")); var tailleP = parseInt($("p").css("font-size")); //Augmentation de la taille if(tailleH1>=16 && tailleH1 <=23 ){tailleH1++;} if(tailleH2>=16 && tailleH2 <=23 ){tailleH2++;} if(tailleP>=16 && tailleP <=23 ){tailleP++;} $("h1").css("font-size", tailleH1); $("h2").css("font-size", tailleH2); $("p").css("font-size", tailleP); }); $("#moins").click(function() { // Récupèrer la taille var tailleH1 = parseInt($("h1").css("font-size")); var tailleH2 = parseInt($("h2").css("font-size")); var tailleP = parseInt($("p").css("font-size")); //Diminution de la taille if(tailleH1>=17 && tailleH1 <=24 ){tailleH1--;} if(tailleH2>=17 && tailleH2 <=24 ){tailleH2--;} if(tailleP>=17 && tailleP <=24 ){tailleP--;} $("h1").css("font-size", tailleH1); $("h2").css("font-size", tailleH2); $("p").css("font-size", tailleP); }); // Polices $("#typo").change(function() { // Récupération de la police var fontFamily = $("#typo").val(); $("body").css("font-family",fontFamily) }); // *** BUTTON MENU TOOLS *** var tf = true; // booleen $("button#tools").click(function() { if (tf == true) { $("div#outils").animate({ "top": 0 }, function() { tf = false; }); $("body,div#lien").animate({ "margin-top": 50 }); } if (tf == false) { $("div#outils").animate({ "top": -50 }, function() { tf = true; }); $("body,div#lien").animate({ "margin-top":0}); } }); // *** SCROLL SOFT + LIENS RACES *** var scrolDoc; $("a#retour").hide(); $(window).scroll(function() { scrolDoc = $(this).scrollTop(); console.log(scrolDoc); //test if (scrolDoc > 538) { $("a#retour").stop().fadeIn(1000); } else { $("ul#menu").css({ "position": "static" }); $("a#retour").stop().fadeOut(1000); } }) // Fin de (window).scroll $("a[href^='#']").click(function() { // Selection des liens commençant par # var id = $(this).attr("href"); // Selection de chaque éléments var offId = $(id).offset().top; // Obtenir la hauteur dans la page de chaque lien $("html,body").stop().animate({ scrollTop: offId }, 1000) }); // *** BUTTON MENU RACES *** var btnRaces = true; // booleen $("img#patteChat").click(function() { if (btnRaces == true) { $("div#lien").animate({ "left":0 }, function() { btnRaces = false; }); $("body").animate({ "margin-left":200}); $("div#lien").animate({ "margin-left":0}); } if (btnRaces == false) { $("div#lien").animate({ "left": -200 }, function() { btnRaces = true; }); $("div#lien").animate({ "margin-left":0}); $("body").animate({ "margin-left":0}); } }); }); // Fin du $.getJSON }); // Fin du Script // DATA JSON [ { "race":"Norvégien", "infos":"Idéal pour ceux qui aiment la nature, ce chat des bois, grand chasseur, préfère vivre à l’air libre, même s’il s’adapte bien à la vie à la maison ; comme il adore grimper et dominer d’en haut, les bibelots précieux, les vases et le contenu des étagères de bibliothèque courent avec lui de sérieux risques. Sa maison idéale comprend un jardin, ou au moins une grande terrasse, où il pourra se défouler dans ses jeux de chasseur.", "petitePhoto":"norvegien.jpg", "grandePhoto":"norvegien.jpg" }, { "race":"Abyssin", "infos":"Le chat Abyssin, par sa beauté typiquement féline, peut être comparé à un puma miniature ; c’est un chat particulièrement effervescent, vif, impétueux et indépendant, mais capable de donner beaucoup d’affection et de douceur. Son maître idéal doit s’adapter à sa vivacité et à son besoin de tendresse : il doit lui consacrer ses attentions, prendre soin de lui, mais surtout ne doit jamais se fatiguer de jouer avec lui.", "petitePhoto":"abyssin.jpg", "grandePhoto":"abyssin.jpg" }, { "race":"British Shorthair", "infos":"Ceux qui disposent d’un jardin et qui passent leurs journées hors de la maison sont certainement les maîtres idéaux du chat British Shorthair, qui est un chat de constitution robuste, très digne et réservé. En fait, ses caractéristiques physiques lui permettent, et même rendent nécessaire, de longs séjours au dehors, alors que ses caractéristiques psychologiques en font un chat capable de rester seul presque toute la journée sans souffrir de la solitude.", "petitePhoto":"british-shorthair.jpg", "grandePhoto":"british-shorthair.jpg" }, { "race":"Birman", "infos":"Chat à la personnalité assez complexe et indéchiffrable, le chat Birman ou sacré de Birmanie, peut-être pour confirmer encore plus son côté imprévisible, instaure avec son maître un très beau rapport basé sur l’amour et la fidélité. Son aspect raffiné et précieux, son caractère mystérieux qui n’a rien de « sauvage » en font un chat si particulier qu’il mérite bien son nom de Chat sacré de Birmanie.", "petitePhoto":"birman.jpg", "grandePhoto":"birman.jpg" }, { "race":"Savannah", "infos":"Le chat Savannah est une race récemment admise, présentant la grâce incomparable du félin sauvage associée à la sociabilité et à la faculté d’adaptation du chat domestique.", "petitePhoto":"savannah.jpg", "grandePhoto":"savannah.jpg" }, { "race":"Gouttière", "infos":"Comme les hommes, les chats ont des caractéristiques différentes suivant qu’ils habitent les îles, la terre ferme, vivent en appartement ou dans la rue. Le chat commun, ou plus familièrement le chat de gouttière, bien qu’étant indépendant et vagabond, sait donner à celui qui en prend soin une affection difficile à décrire.", "petitePhoto":"gouttiere.jpg", "grandePhoto":"gouttiere.jpg" }, { "race":"Sibérien", "infos":"Le chat Sibérien est un mastodonte à l’expression douce qui est devenu un véritable chat domestique malgré un passé 'sauvage' dans le climat glacial de Sibérie. Très sociable, il a une incroyable faculté d'adaptation et sait s'entendre aussi bien avec ses congénères qu'avec des chiens ou des enfants, pour le plus grand plaisir de la famille qui l'accueille.", "petitePhoto":"siberien.jpg", "grandePhoto":"siberien.jpg" }, { "race":"Persan", "infos":"Le chat Persan est l’un des chats les plus connus et les plus appréciés car il a un aspect royal et superbe. De caractère doux et réservé, il s’adapte à tous ceux qui cherchent un ami fidèle à câliner au bon moment : étant donné sa paresse, il n’aime pas être dérangé durant ses longues heures de « sieste ». Il faut absolument, lorsqu’on choisit un chat de race persane, ne pas oublier qu’il nécessite des soins quotidiens et qu’il ne pourrait pas survivre sans son maître.", "petitePhoto":"persan.jpg", "grandePhoto":"persan.jpg" }, { "race":"Chartreux", "infos":"La beauté de ce chat, simple et raffinée, en fait un animal énigmatique et mystérieux. Le chat Chartreux, chat rustique, équilibré et pantouflard, est idéal pour ceux qui connaissent, respectent et apprécient la nature féline. Il est vif et joueur et c’est un très bon compagnon pour celui qui passe une grande partie de son temps à la maison : avec beaucoup de discrétion, le Chartreux suit de loin les mouvements de son maître et n’intervient que lorsque quelque chose le titille et éveille son attention et son envie de jouer. C'est un chat extrêmement indépendant.", "petitePhoto":"chartreux.jpg", "grandePhoto":"chartreux.jpg" }, { "race":"Scottish Fold", "infos":"La forme très étrange de ses oreilles repliées en avant, associée à un regard très tendre, confère au chat Scottish Fold un aspect doux et gentil ; mais le côté le plus agréable de ce chat est qu’il unit, à la docilité d’un parfait chat domestique, la vivacité, l’agilité et la robustesse. Doux et flegmatique, c’est un compagnon de jeu et de séances de câlins idéal.", "petitePhoto":"scottish-fold.jpg", "grandePhoto":"scottish-fold.jpg" }, { "race":"Sphynx", "infos":"Le chat Sphynx est un chat nu qui fascine et bouleverse tous ceux qui le voient, dans tous les sens du terme car la réaction peut être aussi bien l’attraction que la répulsion. Répulsion parce qu’il n’a pas un seul poil, qu’on voit palpiter ses veines sous sa peau toute ridée, sans compter qu’il est doté d’une queue de rat et d’une tête ressemblant presque à celle d’un reptile, avec des oreilles de chauve- souris.
Cela ressemble davantage à la description d’un extraterrestre qu’à celle d’un chat, mais si on ne s’arrête pas à la première impression, on peut être complètement fasciné par sa singularité, son élégance, son regard attendrissant et sa peau incroyablement douce et chaude.", "petitePhoto":"sphynx.jpg", "grandePhoto":"sphynx.jpg" }, { "race":"Exotic", "infos":"Le chat Exotic (ou Exotic Shorthair) est le Persan à poil court ; c’est un très beau chat aux yeux d’ours en peluche et à l’air infantile qui attire les sympathies des amateurs de chats. C’est le matou idéal pour ceux qui aiment la compagnie et la majesté du Persan, mais ne peuvent consacrer beaucoup de temps au soin de son pelage : en effet, à la différence de ce dernier, sa robe a le poil court.
Il s’agit indiscutablement d’un grand avantage, surtout durant les périodes de mue : son poil n’envahira pas tous les recoins de la maison. L’Exotic est affectueux et débonnaire, mais il ne faut pas oublier qu’il supporte mal d’être traité et manipulé comme un jouet.", "petitePhoto":"exotic.jpg", "grandePhoto":"exotic.jpg" }, { "race":"Bengal", "infos":"Le chat Bengal est doté d’une grande sensibilité et est très attentif à l’humeur des gens qui l’entourent. Ces caractéristiques, faisant de lui un très bon animal de compagnie, lui permettent de s’adapter facilement à n’importe quel milieu domestique et de nouer des liens d’amitié avec des personnes de tout âge. Grâce à son tempérament très amical, il s’adaptera au maître qui l’appréciera et réussira à faire de lui un « petit léopard domestique ». Son besoin de mouvement et de liberté est la seule chose à respecter.", "petitePhoto":"bengal.jpg", "grandePhoto":"bengal.jpg" }, { "race":"Ragdoll", "infos":"Ragdoll « poupée de chiffon ». Comme la plupart des très grands chats, le Ragdoll est une force tranquille, d’un naturel équilibré, un gentil géant qui sait s’adapter au comportement des différents membres de la maison. Un excellent chat de famille. C’est un chat très doux malgré son gabarit imposant mais tout à fait normal. Le Ragdoll, au niveau agressivité, comportement et caractère, est l’antithèse du félin.
Sa douceur, son adoration envers son maître le rendent perpétuellement détendu et confiant ; il aime rester tranquille pendant des heures sur les genoux de son maître ; en outre, il cohabite sans problèmes avec les autres animaux et n’entre jamais en compétition avec eux, il est toujours soumis ou, à la limite, se retire et se cache. Tout cela signifie clairement qu’il n’est absolument pas adapté à une vie en liberté, et il le sait d’ailleurs très bien : il est en effet extrêmement casanier et les changements de maison ou les voyages en auto ne le dérangent pas le moins du monde car il s’adapte immédiatement à son nouveau milieu, à condition de s’y sentir protégé.
Si on possède un chat de cette race, on l’aura toujours derrière soi, en quête de câlins et d’amour.", "petitePhoto":"ragdoll.jpg", "grandePhoto":"ragdoll.jpg" }, { "race":"Européen", "infos":"Il est important de souligner avant tout qu’un chat, dont les gens pensent en général qu’il s’agit d’un chat quelconque, sans le blason d’une race bien définie, appartient souvent à la grande famille des Européens (nous ne parlons bien sûr pas des fruits de croisements entre différentes races). < br/> Le chat Européen n’a pas besoin d’être présenté. C’est le chat que nous connaissons et aimons tous, le protecteur des caves et des greniers et notre voleur de viande. Les exemplaires de Chats européens sont uniques et originaux ; leur caractère varie en fonction du sujet car il n’a pas été fixé par un programme de sélection. < br/> Tous les félins européens ont en commun la vivacité, la malice et, surtout, la capacité de donner une affection sincère. Il n’y a pas de standard qui définisse son maître idéal, car il vit bien avec toutes les personnes qui l’aiment et qui respectent son envie de liberté et d’indépendance.", "petitePhoto":"europeen.jpg", "grandePhoto":"europeen.jpg" }, { "race":"Siamois", "infos":"Le maître idéal d’un chat Siamois est celui qui aime les chats qui n’acceptent pas de compromis et qui apprécie la forte personnalité de cette race ; il ne s’en séparera jamais et lui consacrera beaucoup de temps et beaucoup de patience. Ses nobles origines le rendent moins vagabond que les autres chats, tandis que sa robe, qui s’estompe sur les points les plus foncés, le rend mystérieux et intrigant au premier regard.
Voilà pourquoi celui qui choisit un Siamois ne se contente pas d’un chat quelconque, d’un chat populaire recueilli dans les rues ; il veut au contraire voir en son ami quelqu’un de vraiment unique, un animal dont la beauté et l’élégance n’aient pas d’égal ni de rival.", "petitePhoto":"siamois.jpg", "grandePhoto":"siamois.jpg" }, { "race":"Angora turc", "infos":"La souplesse et l’élégance de ses mouvements, ainsi que son pelage plumeux, très léger et toujours flottant, rendent l'Angora turc très précieux, même si pendant longtemps, cette valeur était assombrie par un caractère agressif, peu sociable et difficile à traiter.
Heureusement, de nos jours, ces défauts ont été complètement dépassés et l’Angora turc est à présent sociable et joueur, même s’il demande une « main experte » qui sache l’éduquer car il a gardé un fort tempérament et une grande exigence de liberté.", "petitePhoto":"angora-turc.jpg", "grandePhoto":"angora-turc.jpg" }, { "race":"Mau Egyptien", "infos":"Le chat Mau égyptien est un chat fascinant et élégant, à la robe maculée qui dispute à l’Abyssin le titre de chat domestique le plus ancien dont on ait conservé la trace écrite. En effet, des effigies de ces chats, portant aussi bien le ticking typique de l’Abyssin que le net spotting du Mau, sont représentées sur des tombes égyptiennes remontant à 1567 av. J.-C. On ne sait pas lequel des deux était alors le chat des Pharaons, également aimé par le peuple et précieux – grand chasseur, il sauvait les gigantesques greniers à blé dont dépendait l’économie de l’époque des assauts des rongeurs – au point d’être protégé par des lois sévères et vénéré sous forme de divinité comme la déesse Bastet, représentée sous les traits d’un chat.
La seule certitude est que les deux races, originaires de la même région, étaient absolument naturelles, c’est-à-dire qu’elles n’ont pas été créées par l’homme. L’historien Diodore écrit que les Égyptiens préparaient pour lui un « délicieux repas » qui consistait en du pain trempé dans du lait avec du poisson haché. De plus, il était le chat préféré de Chepea, déesse de la création, car son front était orné d’un scarabée sacré.
Chat très affectueux, son attachement à son maître est si fort et si absolu qu’il semble ne jamais le quitter des yeux, toujours attentif à ses plus petits changements d’humeur. Il est réservé mais capable de tendres élans d’affection envers son maître. En général, il n’est pas très sociable avec les étrangers car il a tendance à réserver son amitié pour les gens qu’il connaît. Il s’adapte à tous ceux qui subissent le charme du passé et qui aiment les félins au tempérament docile et fidèle. C’est un vrai chat domestique : il aime la tranquillité de la maison et celui qui l’a choisi pour compagnon. Il ne nécessite pas de soins ou d’attentions spéciales car il sait aussi être indépendant.", "petitePhoto":"mau-egyptien.jpg", "grandePhoto":"mau-egyptien.jpg" }, { "race":"Maine Coon", "infos":"Le géant, le plus grand, le chef : dans le monde félin, le chat Maine Coon est le chat le plus imposant qui soit. Il peut atteindre tranquillement, sans être obèse, 14 kg et, malgré son aspect impressionnant, il donne une rassurante impression de grande confiance.
Autonome parce qu’en mesure de prendre soin de lui-même dans n’importe quelle circonstance, c’est donc un grand chasseur, en réalité un bon mélange de douceur et de sauvagerie ; c’est un chat « de travail », justement à cause de cet instinct prédateur bien développé ; cela en fait un chat de campagne idéal ; avec lui, les greniers et les granges sont parfaitement en sécurité.
Mais tout en étant très dynamique et aimant la vie en plein air – il aime même l’eau – il s’adapte aux personnes dotées d’un caractère équilibré, qui ne dépassent jamais les bornes en envahissant son espace vital car elles respectent son instinct de liberté, auquel elles n’opposent pas de limites trop sévères.", "petitePhoto":"maine-coon.jpg", "grandePhoto":"maine-coon.jpg" }, { "race":"Bleu russe", "infos":"Le chat Bleu russe est un chat mystérieux, sympathique et très équilibré. Son compagnon idéal est une personne au caractère calme, qui sache lui donner une affection aussi intense que la sienne et qui ne mène pas une vie trop surchargée et stressante. Il s’adaptera et vivra sereinement dans une famille tranquille et sans enfants agités ou bruyants, qui l’empêcheraient de paresser tranquillement.", "petitePhoto":"bleu-russe.jpg", "grandePhoto":"bleu-russe.jpg" } ]

Carousel JS