SitePoint Sponsor

User Tag List

Results 1 to 20 of 20
  1. #1
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Creating jQuery Script Help

    I'm trying to create a custom jQuery script from a jQuery script I'm having problems in the process and I was hoping someone could help me correct my mistake ?

  2. #2
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,183
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    Could you please post the code you currently have so we can help you
    Blog/Portfolio | Evolution Xtreme | DFG Design | DFG Hosting | CSS-Tricks | Stack Overflow | Paul Irish
    Having lame problems with your code? Let us help by using a jsFiddle

  3. #3
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code JavaScript:
    <script type="text/javascript">
    $(function() {
        $('#toss_shift').cycle({
    	easing:  'easeInBack',
           delay:  -2000
    	   animOut: { left: 800 }
    	   });
    });
    </script>

    I've been trying on mixing two custom transition properties together.

  4. #4
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    I've been trying on mixing two custom transition properties together.
    Instead of trying to mix together two different things that may or may not be compatible, perhaps you can help us to understand the effect that you're wanting to achieve. That way we can figure out if it's feasible or not, and if so, how to achieve it.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  5. #5
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm trying to create my custom transition using jQuery cycle.

  6. #6
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    I'm trying to create my custom transition using jQuery cycle.
    Please explain, in words, what you want the transition to do.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  7. #7
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I want a create my own transition by blending together two existing transitions.

  8. #8
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    I want a create my own transition by blending together two existing transitions.
    All the best on it then.

    If you would like some help with this, you may find that it helps to let us know the two transitions you wish to blend, as well as the parts from each that you're wanting to blend.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  9. #9
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you would like some help with this, you may find that it helps to let us know the two transitions you wish to blend, as well as the parts from each that you're wanting to blend.
    Sure I can supply that information to my goal. I want to mix these two transitions together, the end result I want is to control how much of each of the two transitions within this one transition.

  10. #10
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    4 Thread(s)
    The easing part that occurs before it's tossed away has to occur along the same fixed line.

    The first animation eases out to the bottom left, then tosses away to the upper right. Notice that at all parts of the animation it occurs along the same straight line.

    The second animation eases out to the left, then tosses away to the right. It's another dead-straight line.

    As long the toss animation occurs along only the one straight line, the easing at the start and the speed of the toss can be customised with ease.

    If you want the animation to occur along anything else than a dead-straight line, you cannot use the toss transition. Instead, a special custom transition would need to be commissioned that meets the desired requirements.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  11. #11
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The second animation eases out to the left, then tosses away to the right. It's another dead-straight line.

    As long the toss animation occurs along only the one straight line, the easing at the start and the speed of the toss can be customised with ease.
    I want the animation to occur along a straight line.

  12. #12
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    I want the animation to occur along a straight line.
    Both of the sequences occur along straight lines. What changes do you want help with?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  13. #13
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I want to create a new transition of toss & toss2 combined.

  14. #14
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    I want to create a new transition of toss & toss2 combined.
    The multiple behaviors that you desire are not achievable with the options that are applied to the transition.

    To achieve what you desire, you must commission a completely new transition, one that will be especially crafted to perform your desired behavior.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  15. #15
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That is why I asked for help. !

  16. #16
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    That is why I asked for help. !
    Well now you know that what you want done cannot be achieved by fiddling with the options for the toss transition.

    Instead, you'll need to find someone who is willing to craft together a new transition for you. One that does precisely what you require.

    And if it helps, that too is one of situations that programmers find themselves in on a frequent basis.
    Last edited by paul_wilkins; Oct 31, 2010 at 20:19.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  17. #17
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <sigh> I don't understand what all the responses were for with no head way.

  18. #18
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,526
    Mentioned
    83 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    <sigh> I don't understand what all the responses were for with no head way.
    Ahh, but it hasn't been without headway. Options have been removed that would have wasted a lot of time had they been chased down.

    You also now have a much better idea about the help you require. That is, you need to have a completely new transition written for you that achieves what you need.

    In summary, you are now closer to your goal because you know what you now need to achieve it.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  19. #19
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,048
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by pmw57
    Well now you know that what you want done cannot be achieved by fiddling with the options for the toss transition.

    Instead, you'll need to find someone who is willing to craft together a new transition for you. One that does precisely what you require.

    And if it helps, that too is one of situations that programmers find themselves in on a frequent basis.
    What! no plug-in…

    Just use JQuery!

    Ah… the common problem of the lines between programming and design being blurred.

  20. #20
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okie. :|


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
  •