Discussion :

[Oclock]

Bonjour à tous,
J'aurais voulus faire un catalogue interactif intégré à ma page web, que ce soit en html5 ou en php, avec du JavaScript.
Exemple à peu pres équivalent en flash : http://www.laboutiquedesjoyaux.fr/catalog.php

- C'est à dire :
Afficher la brochure avec 2 pages l'une à coté de l'autre.
Pouvoir changer de page avec des bandes verticales suivant et précédent.
Le nombre de pages.
Zoomer.
Et pouvoir cliquer sur des liens ajoutés avec un calque.

Tout d'abord, je me pose la question de savoir en quel format afficher le document, image, .pdf, .ps ?

Ensuite le code, à cette heure-ci je manque de connaissance, donc toute aide sera bienvenue.

Pour finir et pour plus d'explication, j'ai des fichier .SWF (car mon catalogue est en flash et je n'en veux plus, mais je ne sais pas si cela pourrait m'aider).
Comme je l'ai dit plus haut, à la base mon catalogue est en PDF.

Pour un petit rappel, je voudrais faire ce code avec votre aide, sans déposer quoi que ce soit sur un site de conversion, sans logiciels qui fassent tout ou autre genre.

Merci pour tous éléments de réponse, cela fait quelques jours que je cherche et que je ne vois que du flash.

[andry.aime]

Bonjour,

En regardant le code source de la page, tu trouves pas mal d'information.

A+.

[Oclock]

Bonjour Andry,
Malheureusement comme je l'ai dit, c'est du Flash, et je voudrais le faire en JavaScript.

Merci tout de même.

[SpaceFrog]

Il existe des plugins jquery de catalogues de ce type.
Beaucoup d'entre eux utilisent flash en arrière plan.
D'autre n'utilisant pas flash affichent un pauvre effet de slide et pas de page se courbant...

En html 5 il existe bien des choses de ce genre :
http://www.html5rocks.com/static/dem...ple/index.html
mais sur la démo il n'y a de texte que sur un coté, sans doute parce que la déformation ne s'appliquerait pas au texte ni aux images

peut être des chose plus intéressantes avec canvas à venir ...

[Oclock]

Merci SpaceFrog,
Je vais voir ce que je peux faire avec cette exemple.

[Oclock]

ReBonjour,

J'ai pris donc le Page Flip Effect comme base.
Maintenant j'aimerai pouvoir écrire sur le coté gauche du livre et pouvoir tourner la page aussi grâce à un bouton (suivant / précèdent).

J'ai mis le projet en pièce jointe.
MaJ : Je n'utilise plus de swf, donc il faudra remplacer l'<embed.../> par l'insertion d'un <img.../>
Merci.