Rotation de l'image dans le sens horaire ou dans le sens inverse à l'intérieur d'une div à l'aide de javascript

SALUT, Est-il un moyen par lequel je peux faire pivoter une image dans une div dans le sens horaire ou dans le sens inverse.

J'ai une première largeur fixe div[de dépassement de la valeur hidden] avec les images chargées à partir de la base de données. Il y a une barre de défilement pour montrer les images à l'intérieur de la div. Lorsque l'image est cliqué puis-je montrer à la rotation de l'animation, soit dans le sens horaire ou dans le sens inverse de la direction.

Je l'ai fait en utilisant la Matrice de filtre. Je voudrais savoir si il est possible de faire dans IE seul sans l'aide de tous les filtres.

OriginalL'auteur rahul | 2009-06-09

  1. 15

    essayez ceci: http://raphaeljs.com/image-rotation.html

    utilise la toile, mais prend également en charge IE

    OriginalL'auteur

  2. 12

    Si vous utilisez jQuery, jQueryRotate est un petit (moins de 3 ko minifiés+gzippé) plugin qui fait pivoter les images:

    http://jqueryrotate.com/

    Note: apparemment, il a déménagé à code.google.com/p/jqueryrotate
    Lien mis à jour à la version la plus récente

    OriginalL'auteur Wilq32

  3. 3

    La seule façon que je peux penser pour des images en rotation sur le côté client dans IE à l'aide de filtres. Pour un peu les versions les plus récentes les autres navigateurs, vous pouvez utiliser le <canvas> le contrôle.

    Votre alternative est d'utiliser un script côté serveur pour faire pivoter l'image. Ensuite, vous pouvez envoyer les informations sur la façon de la faire tourner avec JavaScript (c'est à dire générer un chemin d'accès à l'image tels que /faire pivoter?image=img.jpg&montant=90)

    Le problème avec les filtres est que, après l'application du filtre matrice de la clarté de l'image est réduite dans une certaine mesure. Est-il un moyen pour éviter cela??

    OriginalL'auteur Blixt

  4. 2

    CSS3 prend en charge la rotation, mais il n'est pas largement pris en charge.
    Comme vous l'avez demandé JavaScript solution, voici un, mais je ne pense pas que vous pouvez obtenir des images nettes.

    Juste un avertissement concernant le JavaScript solution: même pour une image aussi petite que 100x100, il va générer de 10 000 éléments div, chacun avec l'image que leur arrière-plan. C'est sûr que pour faire tomber certains navigateurs lorsque vous faites cela pour de plus grandes images.

    OriginalL'auteur Michal M

  5. 1

    Il y a d'autres façon de faire pivoter les images, sans les filtres /html5.. c'est méchant et inutile dans le monde réel, mais possible.

    Vous pouvez stocker votre image en tant que tableau de pixels, pour le javascript. Écrire la fonction pour effectuer la rotation avec elle et de l'encoder en base64 datauri, bmp pourrait être facile et remplacer l'image.src.

    Il y aura une limitation sur la taille des fichiers et de soutien dans le vieux navigateur et bien sûr terrible de la performance..

    OriginalL'auteur user1954035