Valeur de cette activité : 5 points
Compétence :
Compétence :
Compétence :
52 : Jquery Page Flip - Effet de page qui tourne

A-Module 04 : JAVASCRIPT : 5 points - difficulté : 2

jQuery - Page Flip - Effet de page qui tourne

Description

Dans cette activité, vous allez devoir trouver le code JQuery qui permet de créer un effet de page qui tourne pour présenter une série d'images.



Cliquez ici pour afficher un exemple



  1. Trouvez et enregistrez 5 images de votre choix

  2. Assurez-vous que vos images soient de mêmes dimensions.
    Utilisez la commande suivante afin de redimensionner une image rapidement :
    mogrify -resize 225x300! image1.png

  3. Téléchargez ces images dans votre espace de téléchargement

  4. Utilisez google avec les mots de recherche : "jquery page flip" ou consultez ce lien http://www.turnjs.com/

  5. Trouvez le code JQUERY qui vous permet de créer cette effet de page qui tourne.

  6. Téléchargez au besoin les fichiers requis dans votre espace de téléchargement.
  7. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 78811

  8. Inscrivez dans le champ titre : jQuery - Page Flip

  9. Sélectionnez la section : MODULE JAVASCRIPT

  10. Sélectionnez la matière : informatique

  11. Inscrivez dans le champ no de la directive : 78811

  12. Inscrivez dans votre page le titre de niveau 1 : jQuery - Page Flip

  13. Ajoutez le code requis dans votre page afin que celle-ci affiche vos images avec un effet de page qui tourne.

  14. Visualisez votre page et apportez des modifications au besoin.