Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在同一容器中的新窗口中打开图像_Javascript_Html_Css_Image - Fatal编程技术网

Javascript 在同一容器中的新窗口中打开图像

Javascript 在同一容器中的新窗口中打开图像,javascript,html,css,image,Javascript,Html,Css,Image,我正试图找到一种方法来创建一个页面,当用户点击一个图像时,该页面将显示在该页面上 它将打开并维护其他图像作为选项。我可能无法清晰地描述这一点,但也许你理解我的意思 代码可以是这样的: div theContainer { background: white; box-shadow: 0 0 20px #123 } p theContent{} p theContent>img 有可能用html和css来实现这一点吗?或者我需要javscript吗?这称为模式对话

我正试图找到一种方法来创建一个页面,当用户点击一个图像时,该页面将显示在该页面上 它将打开并维护其他图像作为选项。我可能无法清晰地描述这一点,但也许你理解我的意思

代码可以是这样的:

 div theContainer {
     background: white;
     box-shadow: 0 0 20px #123
}

p theContent{}

p theContent>img

有可能用html和css来实现这一点吗?或者我需要javscript吗?

这称为
模式对话框
模式窗口
。要做到这一点,您需要JavaScript,但如果您环顾四周,有很多jQuery插件提供了这一功能


请参阅:

我不懂jquery。它是自己的语言吗?你能告诉我更多关于它的信息吗?jQuery是用JavaScript编写的,是一个流行的JavaScript插件,它提供了很多代码快捷方式,并在内部处理跨浏览器兼容性问题,因此你不必担心这些问题。它确实改变了JavaScript的使用方式。有一个大型的支持社区和许多第三方插件,其中包含预先制作的工具提示、对话框、表单验证、表排序器、拖放和类似的有趣的东西。@JohnnyHankgard JQuery是一个库,可以简化Javascript编码。好的,谢谢大家,我将深入研究它。为了能够实现jQuery,我需要理解什么类型的语言?严格来说是javascript和html?都是javascript+CSS+HTMLplease提供更多解释