【问题标题】:Double sided image on Animate CSS FlipAnimate CSS Flip上的双面图像
【发布时间】:2016-03-11 19:01:50
【问题描述】:

我目前正在使用以下代码翻转图像:

$(".image").html('<img class="winner" src="'+result[1]+'"/>');
$('.winner').addClass('animated flip');

但是,我想在翻转时有 2 个图像,所以目前您只看到相同的图像在旋转,我希望能够在翻转的任一侧看到 2 个图像,这可能吗?

谢谢

【问题讨论】:

  • @Blazemonger 好的,我明白了,那么如何声明背面图像?
  • @Blazemonger 我怎样才能动态设置它而不是通过 CSS
  • 您没有向我们展示足够的代码。如果没有看到足够的 CSS 和 HTML 来重新创建您的问题,我无法提供更具体的内容。
  • @Blazemonger 就是这样,没有 CSS,我只需要知道如何定义翻盖背面的图像,你能发布一个示例 CSS 吗?

标签: javascript jquery html css animation


【解决方案1】:

这是一个双面 jQuery 翻转的示例。

在这个示例中,他们放置了文本,您可以轻松地放置一个 img。

由于您没有提供太多的 html、css 和一点 js 指导您到这里来解决剩下的问题,我能做的就是自己。

https://www.ostraining.com/blog/coding/jquery-flip/

这是一个css翻转的例子

http://css3.bradshawenterprises.com/flip/

希望这会有所帮助。

最好的,

提姆

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-30
    • 2023-04-10
    相关资源
    最近更新 更多