A Flash Developer Resource Site

Results 1 to 3 of 3

Thread: Looking for direction on how to produce rotating image on mouse over for website

  1. #1
    Junior Member
    Join Date
    May 2013
    Posts
    1

    Looking for direction on how to produce rotating image on mouse over for website

    I am having a hard time finding this information. I have seen sites in the past where there would be multiple images in a circular arrangement. As you mouse over the the center image it will pop out slightly indicating that it can be clicked. Alternatively you can scroll through the other surrounding images. When clicking on one of the surrounding images that images will then rotate to center and slightly pop out just as the original. Obviously I am new to all this. What I am looking for is a tutorial or a template so that I can attempt to build my website with this animation. I am attaching a photo that will help explain my visualization. In the attached photo I would like to get each item to rotate to center when clicked. In addition to a tutorial I would also like to know what this sort of animation is commonly referred to?

    Untitled.png

  2. #2
    Junior Member
    Join Date
    Jul 2013
    Posts
    22
    You want to find relevant information on image rotation? I can recommend you this online page which displays the detailed tutorial on how to rotate image among 360 degrees, which can be integrated within native windows, web or mobile developing application with simple prorgamming methods and codes.

  3. #3
    Senior Member
    Join Date
    Nov 2012
    Posts
    106
    I don't know if it is exactly what you are looking for, but iTunes had created a "CoverFlow" animation back in 2010.

    Below is a link to a tutorial showing how to re-create it in Flash.

    http://dev.tutsplus.com/tutorials/re...--active-11872

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center