单独旋转 2 个或更多图像

发布于 2024-11-07 18:37:24 字数 234 浏览 0 评论 0原文

我迫切需要弄清楚如何能够单独旋转页面上的 2 个项目(图像、文本等)(例如不同时旋转)。这是我正在讨论的示例,但在此页面上只有 1 个项目(图像)。当我尝试复制图像,然后旋转它时,两个图像最终同时旋转:http://testerski.antaranian。我/

有人可以请告诉我让项目自行旋转的代码吗?谢谢你!!!

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!!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

温馨耳语 2024-11-14 18:37:24

在 main.js 中更改为:

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

});

在您的 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>

现在应该可以工作。您应该显示您的代码,因为我正在假设您需要修复的内容。

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文