Question

I desperately need to figure out how to be able to rotate 2 items (images, texts, etc.) on a page individually (e.g. NOT at the same time). Here’s an example of what I’m talking about, but on this page, there is only 1 item (an image). When I try to duplicate the image, and then rotate it, both images end up rotating simultaneously: http://testerski.antaranian.me/

Can someone please, please, please show me the code for having the items rotate on their own? Thank you!!!

Answer 1

in main.js change to:

 $(document).ready(function(){
    $('#cc-element-1').rotatable();
    $('#cc-element-2').rotatable();

});

add in your html:

 <span id="cc-element-2" class="cc-element ui-draggable cc-active" style="-webkit-transform: rotate(0deg);" >

          <img src="shirt.png" style="height: 197.35365477846602px; width: 265.1019243292827px;" >
      </span>

Should work now. You should show your code cause i’m making an assumption of what you need to fix.