jquery transit rotation: jquery vs windows versions?
Hi all,
I have Windows XP at home and Windows 7 at work.
I developed a page at home using rotations with jquery transit. I started out with jquery 1.8.3, but that didn't work, so I switched to 1.7.2, and that works fine.
On Windows 7 the page no longer works!
Is anyone aware of a compatibility matrix between versions of windows and versions of jquery + transit? or is it some problem with the code? Below is the relevant extract of my page (it does work in XP, not in 7).
Secondary question: is there a better way of making a sequence of animations on different DOM objects than stringing embedded functions.
- <div id="div1" style="position:absolute; top:100px; left:200px; ">
<img style="position:absolute; left:0;top:0" src="../images/samsungG3_GP_empty.jpg" id="smartPhoneEmpty" />
<img style="position:absolute; left:0;top:0" src="../images/samsungG3_GP_0.jpg" id="smartPhone1" />
<img style="position:absolute; left:0;top:0" src="../images/samsungG3_GP_90.jpg" id="smartPhone4" class="hide" />
</div>
- $('#icon_rotate').toggle(
- function () {
- $('#div1').transition({ rotate: '46deg' },1000,function() {
- $('#smartPhone1').fadeOut(500,function() {
- $('#smartPhone4').fadeIn(500, function() {
- $('#div1').transition({ x: '-100px', y: '-100px' },1000,function() {
- $('#div1').transition({ rotate: '90deg' },1000,function() {
- $('#div1').transition({ x: '-400px', y: '-100px' },1000,function() {
- $(this).attr("src","../images/icon_rotateback.jpg");
- })})})})}) }) } ,
- function () {
- $('#div1').transition({ x: '-200px', y: '-100px' },1000,function() {
- $('#div1').transition({ rotate: '46deg' },1000,function() {
- $('#smartPhone4').fadeOut(500,function() {
- $('#smartPhone1').fadeIn(500, function() {
- $('#div1').transition({ x: '0px', y: '0px' },1000,function() {
- $('#div1').transition({ rotate: '0deg' },1000)
- })})})})}) }
- );