SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    819
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Question CSS3 Transitions with Photos?

    How can I use CSS3 Transitions to animate three photos?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,167
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    What have you tried? How do you want to animate them?

  3. #3
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    819
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    What have you tried? How do you want to animate them?
    I haven't tried anything yet. I have an animation that was created using Flash, but I'm trying to find other alternatives that would be better on loading time. The photos are all the same size, they just need to be transitioned from one into the other.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,167
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by toad78 View Post
    I'm trying to find other alternatives that would be better on loading time. The photos are all the same size, they just need to be transitioned from one into the other.
    CSS3 perhaps isn't the best way to go—at least for now—as it's not supported in all browsers. I suggest you take a look at jQuery Cycle. That's a great little plugin—easy to use and a lot of options.

    Even the most basic version is nice: http://jquery.malsup.com/cycle/basic.html

  5. #5
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    819
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Excellent! Thank you.


Bookmarks

Posting Permissions

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