如何在div中打开colorbox答案

【问题标题】：How to open colorbox inside div如何在div中打开colorbox
【发布时间】：2015-09-29 05:15:54
【问题描述】：

实际上我想在没有弹出窗口的情况下打开颜色框，并且只需要在 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+"%",

   });
}

在我的网页上，有很多缩略图，当我点击它时，内容必须显示没有弹出。它可以是下一个，上一个，关闭像彩盒组功能。

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

【问题讨论】：

javascript/colorbox 代码在哪里？
@ManProgrammer 更新了.. 你能检查一下吗。
你能把你的代码粘贴到小提琴上吗？我们很容易解决你的问题。

标签： javascript jquery colorbox

【解决方案1】：

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

【讨论】：

我的问题已更新，现在您可以理解我想说的了。你能再检查一下吗？
那么你想显示内容而不改变旁边缩略图的对齐方式如上图？
在显示一个缩略图的内容时，应该可以访问其他缩略图吗？如果是，最好通过进一步移动其他缩略图来重新对齐它们。如果不是，请尝试将内容 div 位置设为绝对位置并将其放置在单击的缩略图旁边，并通过获取缩略图的位置（如 $(thumbnail).position()）将顶部和左侧赋予内容 div。

【解决方案2】：

如果它的目的正是为了弹出一个画廊，为什么要更改颜色框？

如果您环顾四周，会有更具体的小部件来解决您遇到的问题。

检查http://galleria.io/themes/classic/。

如果你仍然不喜欢你能找到的东西，为什么不直接编写大 div 代码以在单击缩略图时更改其图像？

【讨论】：