I was using the css transform extension for a few days and it worked incredibly well. Then I was prompted to update to version 1.1.0 and now whenever I apply the extension it has no effect. I am still able to go through the motions of entering the data and choosing the desired DIV to be rotated but, nothing happens. To be sure I downloaded another extension and tried the update for it as well and I got the same problem.
IS there another update or fix for this?

Which jQuery version is included on the page?

Hello and thank you Patrick, for responding. Please excuse my newbieness but, does this code help to answer your question?

</style>
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.csstransform.pack.js"></script>
<script type="text/javascript">
function rotate(context, angle, duration, easing, callback) {//v1.0
  var _css = { rotate : angle };
  if (duration) {
    jQuery(context).animate( _css, duration * 1000, easing, callback);
  } else {
    jQuery(context).css(_css);
  }
}

There will be a new version released soon. I can't say what is wrong with the code you have, can't see in the code you posted which jQuery version is included. Perhaps you can wait on the update or give me a link to a test page with the not working code.

This site is not online yet. It exists only on my computer but I'll be happy to get you whatever you need. I can't tell where to look for the jquery version. The code I posted seemed to have the most info pertaining to jquery. I'll send you whatever you need. Just tell me what it is and please be as specific as possible as to where it is because, like I said, I am a newbie and I'm not too familiar with code structure or protocol.
Thank you for your help. I really did love this extension. It is something that I've been looking for, for a while now. It really worked great, when it worked.

Update:
I removed the updated "Rotater" version 1.1.0 and replaced it with the older version 1.0.3 and now it too has no effect. This was the version that worked originally for me.
Also, I checked the other "free" extensions such as "Skew", "Flip" and "Scale" and they also have no effect on the div I apply them to.

Could this be directly attributed to the "DMXzone updater", which was installed just before I updated the rotate extension?

Edited by - michael mxfxdlg on 07 Sep 2011  06:12:13

The updater extension does not effect the other extensions, but the 1.1.0 was a big update which included jQuery 1.4.4 and also a rewrite of the code, the new update that will come somewhere in the coming week will have jQuery 1.6.3 and several bug fixes to work better with the newer jQuery library.

I see. So there's really no hope for my situation as it stands then?
When you say the new release will be out in "the coming week", are you being accurate or might it take longer?
I don't mean to sound ungrateful at all. I just want to know if I should wait to give my "client" his site without the feature. I was hoping to impress him (since I already mentioned it) and hopefully get some actual work out of the deal.
Thank you for your help and time, regardless.

Michael

I'm not exactly sure when the release for this specific extension is, the coming weeks all jQuery related extension getting updated. For now I would suggest you use the old version which is working for you.

As I mentioned before, now even the older version doesn't work anymore.
Does anyone else make an extension such as this?

Patrick, I think I've found the jquery version I am using. It is 1.3.2.
WOW! Why in the heck would I be using such an old version????
Apparently I had a later version before I used the DMXzone updater or the 1.0.1 version of this extension wouldn't have worked like it did, right?

How do I update this?

I downloaded a "jquery-1.6.1.js" file.
Just tell me what I need to do with it, please, please, please.

Patrick, Did you forget me?

Nevermind Patrick, I learned how to create the effect without using the extension.
Thanks anyway.

For modern browsers that support css3 it is not difficult to produce the effect without the extension, the reason to use this extension is to get support for the older Internet Explorer (IE6,IE7 and IE8) which is still widely used.

I see, so this was never intended to be used by dreamweaver users?
Well, just to let you know, the 1.1.1 update you just released still does not work with dreamweaver. I get the same results I mentioned before in this thread.
I have noticed that once the Rotate feature is selected and the parameters are set, it automatically sets itself to an "onFocus" event. There is no "onLoad" option in the dropdown list and if you try to type in "onLoad", it will not accept it.
Is this normal or, could this crucial option simply be missing.
If I set it to "onClick" it works. If I set it to "onMouseover" it works. So, technically I guess I would have to say, It Works. It just doesn't work the way it should.

You can also use the jquery extension directly, the DreamWeaver extension is a bit limited due to limitations in DreamWeaver.

$(document).ready(function(){
  $('img').css('rotate', 7);
});

The above code will rotate all images on the page 7 degrees. Make sure jquery and jquery.csstransform.pack.js are loaded.

Without jquery you would do:

img {
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  transform: rotate(7deg);
}

The above css will do exactly the same, but only works in the latest modern browsers.

How would I code this to animate a div from a +20 degree position to a 0 degree position in 3 seconds upon "load"?

Thank you.