Stack Overflow
Stack Overflow

Questions tagged [jquery-transit]

jQuery Transit is a jQuery plugin to help you do CSS transformations and transitions in jQuery.

jQuery Transit is, according to its website, a jQuery plugin to help you do CSS transformations and transitions in jQuery.

32 questions
1
vote
0 answers

jquery transit inconsistency

Ive put this example together to show a problem I am having with jquery transit. What I want to happen is for the UL to seem like it is infinitely going up. Youll notice, I have that it shifts 146 pixels (the height of an li) every time you click…
livinzlife
  • 863
  • 3
  • 17
  • 33
0
votes
1 answer

Restrict jQuery/CSS3 rotate logic to always rotate clockwise

I'm using the jQuery transit plugin to rotate a block element with 4 navigation controls; each time a nav item is clicked, the rotated block should rotate to the custom data attribute of that nav item (either 0, 90, 180 or 270 degrees). I can…
mmmoustache
  • 2,273
  • 6
  • 41
  • 62
0
votes
1 answer

Changing transparency of items inside array

What I want to do is change the transparancy of the jpg's. I have put my ul li img inside an array. When I click an image I can see in my console, the position of the clicked image, inside the array. Now when I click an Image I'd like to change…
Gilko
  • 2,280
  • 8
  • 36
  • 45
0
votes
1 answer

jQuery Transit Function Complete

I have created these two functions using jquery transit that are designed to slide in a new block of html on to the page when the user presses on the right or left buttons. They work some of the time. Other times the content will load and then not…
John Ayers
  • 509
  • 1
  • 11
  • 33
0
votes
2 answers

jQuery Transit support for font-size property

I can't seem to get this plugin to transition the css property 'font-size'. I get an 'unexpected token -' error whenever I try to run it. Any thoughts? Is this property not supported by Transit?
atinybeardedman
  • 26
  • 4
0
votes
1 answer

Why jQuery transit doesn't work on mobile?

I am using this syntax: var slidesContainerElem = jQuery('.elementContainer'); var currSlideElem = jQuery('.element'); slidesContainerElem.transition({ x: -currSlideElem.position().left },750); It works perfectly on desktop, but it fails on mobile.…
Pablo S G Pacheco
  • 2,550
  • 28
  • 28
0
votes
1 answer

jquery.transit - how to pass translate to element's "right" attribute instead of "left"?

I want to use jquery transit and I want it to work reversed. And I mean right to left. for example: $('.box').transition({ x: '40px' }); will move the 'box' 40px to right. but i want it to move to left. I know that I can pass negative value to…
Taxellool
  • 4,063
  • 4
  • 21
  • 38
0
votes
2 answers

jquery transit opacity animation conflict?

I have an element that I want to move and the, half way through the move, start fading out. By the time the move is complete, it has 0 opacity. I am using the transit library to make these animations smoother. Opacity on its own works. Move on its…
Bastiat
  • 657
  • 1
  • 6
  • 18
0
votes
3 answers

jQuery transit on hover

fairly new at jQuery having trouble working out how to get jQuery transit working on hover. $(".rotate").hover(function(){ $(this).transition({ perspective: '100px', rotateY: '180deg' }); }); This returns "Uncaught TypeError:…
frankstuner
  • 4,380
  • 2
  • 16
  • 15
0
votes
1 answer

CSS3 animations with transit not simultaneous in IE/FF

I'm working on a presentation library to make my life a whole lot easier. Naturally animations are a pretty integral part of this. The library uses Transit to power the animations for accelerated CSS3 goodness. One particular animation has an…
Pinpickle
  • 984
  • 2
  • 9
  • 18
0
votes
1 answer

Jquery Move Div to Center of Screen (Masonry JS)

I am using Jquery Transit and Masonry JS. There is a button in my div that, when clicked on, should change the containers position to fixed and move it to the center of the screen (using Jquery Transit).However, on click, the box moves to the bottom…
Iohannes
  • 267
  • 1
  • 4
  • 13
0
votes
1 answer

I want to give an effect of zoom out from 200% to 100%

I'm using waypoints and jquery transit. I'm able to achieve the effect of zoom out from 200% to 100%. But for that i have to write all my css to default of 200% and then my jquery transit ake it scale 0.5 to normal size. I mean is there a smart way…
San
  • 1,237
  • 1
  • 14
  • 29
0
votes
2 answers

jQuery + Transit rotation

I'm using jquery-2.0.2.min.js and jquery.transit.min.js in my page. I have a div with the id="expand", and it toggles in rotating when you click it. My problem is when after the 2nd toggle, it won't rotate. It just rotates on the 1st…
Kevin Lloyd Bernal
  • 355
  • 3
  • 8
  • 24
0
votes
1 answer

Issues with a jQuery Transit implementation

I am working on a prototype that is basically on a high-level an image viewer. I implemented (rotate, zoom-in, zoom-out, left, right, up and down.) I am having issues when I hit rotate first it seems to screw up the orientation of my direction…
Justin Freeman
  • 1
0
votes
1 answer

hover function with scale jquery

I cant figure out whats wrong here. I have made this fiddle: http://jsfiddle.net/iBertel/dyNxs/ It is solved by adding a a transit script for jquery. you can download one here:http://ricostacruz.com/jquery.transit/ HTML
Bertel
  • 47
  • 3
  • 9
1
2
3