Javascript lightbox在第二次触摸时打开图像

是否可以在第二次触摸屏幕时打开一个图像

我在网上找不到文档

我必须做：

Fist touch show title，为此我写了几行

js

，其中img的标题写在

a

标签内，鼠标悬停显示img的内容

第二次触摸将打开Lightbox中的图像

 $(".foto a").addClass("image");
    $("a.image").each(function(){
        $(this).attr('alt',$(this).find("img").attr('alt'));});

a.image {
    display: block;
    overflow: hidden
}

.image {
    position: relative
}

.image img {
    width: 100%;
    vertical-align: top
}

.image:after, .image:before {
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.image:after {
    content: '\A';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.image:before {
    content: attr(alt);
    width: 100%;
    color: #fff;
    z-index: 1;
    bottom: 0;
    padding: 15px 20px;
    font-size: 16px;
    font-family: "futura-pt", sans-serif;
}

.image:hover:after, .image:hover:before {
    opacity: 1;
}

目前，这在桌面上运行良好，但在移动设备中没有，因为第一次触摸时灯箱就打开了。 这样我就可以找到一个解决方案，在第二次触摸时打开图像，在第一次触摸时可以看到悬停效果吗

---

谢谢

好了，伙计们，我发现这段代码非常好用

我不需要更改css和工作，但如果您想使用新样式进行操作：

a.taphover:hover, a.taphover.hover {
    // css for hovering here
}; 

a.taphover:hover, a.taphover.hover {
    // css for hovering here
};