Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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 如何打开div内的色盒_Javascript_Jquery_Colorbox - Fatal编程技术网

Javascript 如何打开div内的色盒

Javascript 如何打开div内的色盒,javascript,jquery,colorbox,Javascript,Jquery,Colorbox,事实上,我想做没有弹出窗口,它只需要显示隐藏在一个div的颜色框打开。我们可以针对一个div打开颜色框的内容 <a href='#myGallery' class='group'>click here</a> <div class=''><!--this must be container of colorbox, and disable popup--> <div id="myGallery"><--some con

事实上,我想做没有弹出窗口,它只需要显示隐藏在一个div的颜色框打开。我们可以针对一个div打开颜色框的内容

<a href='#myGallery' class='group'>click here</a>

<div class=''><!--this must be container of colorbox, and disable popup--> 
    <div id="myGallery"><--some content with photo--></div>
</div>


function _teamPopup(){
   $(".group").colorbox({
     inline:true, 
     rel:'group',
     href:$(this).attr('href'),
     scrolling: false,
     opacity:1,
     width:100+"%",

   });
}

函数_teamPopup(){
$(“.group”).colorbox({
是的,
rel:“组”,
href:$(this.attr('href'),
滚动:false,
不透明度:1,
宽度:100+“%”,
});
}
在我的网页上,有很多缩略图,当我点击它的内容必须显示没有弹出窗口。它可以是下一个,上一个,关闭像彩盒组功能

请检查下面的图片,你可以得到一些想法。

使用jQuery的切换功能隐藏和显示元素内的内容

使用jQuery的切换功能隐藏和显示元素内的内容

如果颜色框的目的是弹出一个图库,为什么要更改颜色框

如果您环顾四周,就会发现有一些小部件针对您遇到的问题更为具体

检查


如果您仍然不喜欢周围的内容,为什么不在单击缩略图时对大div进行编码以更改其图像呢?

如果它的目的就是弹出一个图库,为什么要更改colorbox

如果您环顾四周,就会发现有一些小部件针对您遇到的问题更为具体

检查


如果您仍然不喜欢周围的内容,为什么不编写大div代码,以便在单击缩略图时更改其图像?

javascript/colorbox代码在哪里?@ManProgrammer更新了。。你能检查一下吗。你能把你的代码贴在小提琴上吗?我们很容易解决你的问题。javascript/colorbox代码在哪里?@ManProgrammer更新了。。你能检查一下吗?你能把你的代码贴在小提琴上吗?我们很容易解决你的问题。我的问题已经更新了,现在你可以理解我想说的了。请您再次检查。是否要显示内容而不更改旁边缩略图的对齐方式,如上图所示?在显示一个缩略图的内容时,其他缩略图应该可以访问?如果是,最好通过进一步移动其他缩略图来重新对齐它们。如果否,请尝试将content div位置设置为绝对位置,并将其放置在单击的缩略图旁边,并通过获取缩略图的位置(如$(缩略图).position())为content div设置顶部和左侧。我的问题已更新,现在您可以理解我要说的内容了。请您再次检查。是否要显示内容而不更改旁边缩略图的对齐方式,如上图所示?在显示一个缩略图的内容时,其他缩略图应该可以访问?如果是,最好通过进一步移动其他缩略图来重新对齐它们。如果否,请尝试将content div位置设置为绝对位置,并将其放置在单击的缩略图旁边,并通过获取缩略图的位置(如$(缩略图).position())为content div指定顶部和左侧。