将灯箱效果添加到切片图像< area> [英] Adding lightbox effect to a sliced image <area>

查看:73
本文介绍了将灯箱效果添加到切片图像< area>的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如果可能的话,我想结合这两个代码。我希望能够使用这个灯箱效果:



http:// liveweave。 com / Zm7VuZ



如果可能的话,在切片的图像地图上(点击绿色区域):



http://liveweave.com/auAHBo



灯箱来自Uikit Developers的开源软件,如果您熟悉它们。我尝试使用< a href =#modaldata-uk-modal> 标签,但没有运气。关于如何让这个工作的任何想法?我会帮助我获得任何帮助。谢谢。

I would like to combine these two codes if possible. I would like to be able to use this lightbox effect:

http://liveweave.com/Zm7VuZ

On a sliced image map if possible (click the green area):

http://liveweave.com/auAHBo

The lightbox is from an open source from Uikit Developers if your familiar with them. I tried using the < a href="#modal" data-uk-modal > tag but no luck. Any ideas on how I can get this to work? I would apperciate any help I can get. Thank you.

推荐答案

它与Java无关。这是用HTML + CSS + JavaScript实现的纯客户端行为。



如果这个灯箱对你不起作用,我可以建议大量不同的灯箱。我甚至可以解释如何创建自己的;它与所谓的模态弹出窗口的技术相同。我将解释如何从头开始,但也要检查现有的替代方案:从零开始的模态弹出窗口 [ ^ ]。



对于大量现有的替代品,你可以进行一次网络搜索。



但我担心你的问题会有所不同。请看我对这个问题的评论。我没有查看您尝试使用的库,但我的考虑表明,即使使用您的库,解决方案也非常明显。也许你应该停止将软件开发视为尝试。你需要掌握这个想法并以合理的方式进行。



-SA
It has nothing to do with Java. This is a pure client-side behavior implemented with HTML+CSS+JavaScript.

If this lightbox does not work for you, I can suggest tons of different ones. I can even explain how to create your own one; it is the same technique as with so called modal popup. I explain how to do it from scratch but also review existing alternatives: Modal Popup From Scratch[^].

For tons of existing alternatives, you can do a quite Web search.

But I'm afraid your problem is different. Please see my comment to the question. I did not look into the library you tried to use, but my consideration suggest that even with your library the solution is quite apparent. Perhaps you should stop perceiving software development as "trying". You need to grasp the idea itself and proceed in a logical way.

—SA


这篇关于将灯箱效果添加到切片图像&lt; area&gt;的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆