Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Mar 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Accordion content with active selector

    Hi,

    I need accordian content plugin, and I found a lot of them on net.. But I need some functionality and maybe somebody can help me... Please see this small video..

    http://screencast.com/t/GoWe0sRm

    And pay attention to the small symbol "plus" who is selector, when click on accordian selector you will see how as it rotates and when is active he is now "X" symbol... Did somebody know how I can do this.. Or maybe know accordian plugin with this option?

    Thanks!

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,478
    Thanks
    6
    Thanked 981 Times in 954 Posts
    I don’t think there is any plugin for that (for which framework, actually?) but it’s not hard to write that from scratch with a little knowledge of JS. Since rotation of elements isn’t very well supported in many browsers yet it’s probably best to do that with sprites and “tweening” – i. e. create an image for each stage of the rotation and combine them into one sprite sheet which you apply as background to the element in question; create as many “frames” as you have rotation stages in the image by changing class names of the element sequentially using setInterval().

    Edit: Just after finishing my post it occurred to me to search for “javascript tweening” and lo and behold, there are already JS frameworks/plugins for motion tweens.
    Last edited by VIPStephan; 05-03-2012 at 12:08 AM.

  • #3
    New to the CF scene
    Join Date
    Mar 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I found something like this http://code.google.com/p/jqueryrotate/


  •  

    Tags for this Thread

    Posting Permissions

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