Donc j'essaie d'utiliser un visage comme une sorte d'outil de navigation dans la page jQuery/css/html. Est-ce que la meilleure façon de faire ceci est en coupant chaque élément comme les yeux le nez et la bouche et que les alignent en utilisant des divs carrés sur le HTML? Je pense que peu importe combien j'essaye ça ne va pas finir correctement aligné? Quelqu'un at-il des suggestions?Couper un visage humain pour les liens
Répondre
Ou vous pouvez utiliser une carte d'image: http://www.w3schools.com/TAGS/tag_map.asp
EDIT Comme Nick souligne dans les commentaires, vous pouvez avoir des formes de cercle aussi bien. Meilleure option pour les têtes et les yeux etc
je quitterais l'image intacte comme une seule image d'arrière-plan et la position <a>
balises invisibles sur les emplacements appropriés pour agir comme liens
J'ai pensé à cela mais chaque élément doit se séparer une fois qu'un utilisateur clique dessus. Je l'ai maintenant avec des blocs animant en utilisant jQuery à différentes zones de la page. Une fois que vous cliquez sur l'un l'autre 4 disparaissent. Juste en pensant, mais si je devais le faire, savez-vous s'il est possible que je puisse faire disparaître l'élément d'arrière-plan et charger l'image pré-coupée que j'ai? – awesomeUser475853
Je n'utiliserais pas les sprites CSS ici mais je les laisserais en une seule image et superposerais chaque "hot-spots" avec des points d'ancrage ou autres. Cependant, les sprites CSS sont vraiment cool et dans d'autres scénarios similaires peut-être la meilleure solution.
Merci css semble être l'approche la plus réaliste pour y arriver Je suis juste inquiet à propos de la mise en œuvre du mouvement jQuery et fondu. Je vais vous dire comment ça se passe grâce à l'entrée – awesomeUser475853
Do it en SVG? Vous pouvez toujours utiliser javascript pour manipuler l'emplacement des parties du document SVG.
jamais travaillé avec SVG qu'est-ce que cela implique? – awesomeUser475853
SVG est juste xml. Si vous découpez votre visage en sous-images, vous pouvez l'intégrer dans le SVG (utiliser un outil, il sera codé en base 64), et localiser chacune des sous-images sur le "canevas" SVG. Une fois redimensionné, le tout sera mis à l'échelle (et vos images seront rééchantillonnées, mais devraient rester correctement alignées). – Marcin
Je devrais ajouter que cela peut ne pas fonctionner correctement IE. – Marcin
- 1. opengles afficher le visage humain dans l'iphone
- 2. Générateur de visage humain aléatoire gratuit
- 3. rotations opengl pour un humain
- 4. Comment animer un maillage de visage humain à l'aide de touches de forme?
- 5. bibliothèque java gratuite pour la détection de type d'image (Humain, Animal, Visage, Corps, Portrait, Paysage, ...)
- 6. Comment reconnaître un visage humain à partir d'une image/d'un iPhone/Ipad?
- 7. Changement d'expression de visage
- 8. Comment reconnaître un visage?
- 9. php pas couper couper les espaces
- 10. reconnaissance de visage emgucv
- 11. Algorithme de détection de visage pour un visage de 15x15 pixels?
- 12. détection de visage pour matlab
- 13. propriété CSS pour couper les phrases
- 14. Requête DBpedia pour les pays avec l'index de développement humain
- 15. quoi de mecanism pour les légendes de l'image 'être humain'
- 16. Quelles sont les solutions pour modéliser le corps humain?
- 17. Copier le visage de l'image
- 18. Reconstruction 3d de visage
- 19. rechercher un pag pour les liens (js)
- 20. Trier les chaînes C++ comme un être humain?
- 21. Reconnaître un visage dans un ensemble d'images
- 22. Couper toutes les images dans un dossier
- 23. couper toutes les chaînes dans un tableau
- 24. Couper un fichier audio
- 25. comment couper un MovieClip?
- 26. Comment couper un Path2D?
- 27. Recadrer/Couper un sprite
- 28. Détection de visage avec OpenCV pour les images non frontales
- 29. javascript regex pour les liens et les liens class
- 30. Les événements jQuery me frappent au visage
https://developer.mozilla.org/en/HTML/Element/map également. – jball
Vous devez également être un auditeur de podcast sitepoint: D - La zone des exemples semble cependant être cassée. – JohnP
Vous pouvez utiliser des formes de cercle dans les cartes d'image –