Tag: colorbox

第一次打开时，jquery colorbox看起来不对，之后就好了: 我正在尝试动态（使用ajax）获取一些内容并使用它创建一个模态（使用colorbox插件）。问题是内容中有一些图像。我认为模态不计算它们的高度或宽度计算或其他东西。因此，如果您关闭模态然后打开它看起来很好。（第一次打开它时，它有滚动条来访问模态的其余部分）。想法？

从AJAX（jQuery）加载模态窗口时的绑定元素: 我想在模态窗口中设置一个拖拽列表。窗口的内容是通过AJAX调用加载的，所以我相信我需要使用jQuery的.live（）方法。这是我目前的代码： $(‘#cboxLoadedContent’).live(‘load’, function() { // Event for sortable page lists $(‘ul#pageList’).sortable(); }); 如何加载模态窗口时如何设置绑定？模态窗口来自colorbox插件。注意：我猜测’load’不是正确的事件，因为如果我在那里抛出一个简单的alert() ，它甚至不会在窗口加载时出现。

使用ajax时jQuery图像幻灯片显示轮播: 我一直在尝试使用jQuery构建一个图像幻灯片放映/轮播，并且遇到了彩盒，我觉得它非常好，并按照我想要的方式做事。我坚持使用他们拥有的ajax方法时如何构建幻灯片放映。每个项目我有六个图像，我想从服务器加载，并作为幻灯片/轮播运行，就像你在Elastic Transition下点击此页面上的第一个链接时看到的那样。我已经成功地使用ajax将图像添加到脚本中，但我最终没有使用幻灯片放映。我怎样才能做到这一点？我目前最终将所有图像放在彼此之下，没有前进或后退按钮等。你能帮我吗？ HTML $(document).ready(function(){ $(“.ajax”).colorbox(); }); Outside HTML (Ajax) ajax.html（拉取图像并将其返回给脚本我无法想象该做些什么。期望

使用JSON的Colorbox库: 一直在玩这个尝试使用Colorbox加载图像库，其中URL通过JSON调用加载，而不在主页上显示图像在http://www.jacklmoore.com/demo/flickr.html浏览了flickr的示例我已经尝试了很多路由，我已经将代码半工作了 var links = $() ,link ,img ; $.getJSON(‘http://URL/json.json’, function(data) { $.each(data, function(index, photo) { link = $(”, { href: photo.url ,title: photo.name }); img = $(”).attr({ src: photo.url ,alt: photo.name }).appendTo(link); links = links.add(link); }); $(‘#gallery-holder’).html(links); }); $.colorbox({ rel: ‘gallery’ ,inline: true ,href: ‘#gallery-holder’ }); /* $.colorbox({ html:links ,rel: ‘gallery’ ,inline: […]

colorbox和防止默认无法一起工作？: 我正在使用jquery调用colorbox并尝试阻止地址更改，但它似乎每次都会触发地址更改。这是我目前的代码： Contact Us …. Contact 我的javascript代码来处理Contact的click事件 $(“.contact”).click(function(e){ e.preventDefault(); $(“.contact”).colorbox({width:”600px”, height: “420px”, inline:true, href:”#send_alert_div”}); }); 有谁知道为什么这不起作用？它会在每次单击时触发地址更改。

jQuery – 带有colorbox的Flickr插件 – gallery显示以前的照片: 我正在制作一个插件，用于在彩盒库中显示从api检索到的多张flickr照片集照片。我已经非常接近了（在一些不错的SO用户的帮助下！）这个想法是用户可以输入html，如：并且插件处理其余部分。看看这个小提琴： http ： //jsfiddle.net/eBGVV/5/ 我的问题是照片集2在这里从图像64开始，您可以使用左箭头查看照片集1中的图像。理想情况下，每个缩略图图像都会启动一个彩色图库，其中只包含与其照片集ID相匹配的照片。有什么想法如何解决这个问题？谢谢。

jQuery ColorBox真正的多个实例: 这个问题之前曾在谷歌集团中被问过，但从未真正回答过，而该组织由ColorBox开发人员杰克摩尔关闭（惊人的插件顺便说一句，谢谢！）。我想创建一个ColorBox灯箱的REAL多个实例。这是为了能够打开灯箱实例，然后关闭它时，只隐藏而不是从dom中删除它。我开发了一个支持灯箱选项的Moodle活动模块。在我的课程页面中，我有ColorBox灯箱的多个实例（每个实例包含一个iframe）。当学生浏览书籍或任何内容时，在打开的灯箱中并关闭它，他后来必须能够再次打开它，书籍内容处于与关闭时相同的位置/状态。我想这不是标准function，但是有人找到了这样做的方法吗？保持colorbox实例/ div，如果它已经存在，稍后再取消隐藏它？

将colorbox添加到带有url内容的动态创建的项目中: 我正在尝试将颜色框添加到动态创建的对象中，它在第一次单击时起作用，但在第二次单击后不会打开，我不知道该怎么做。我想知道我是不是以某种方式关闭了彩盒，或者它是否挂在后台…… $(“.login”).live(‘click’, function(){ $.fn.colorbox({href:”http://ww.website/Login.html”, open:true}); });

Colorbox：显示/模拟iframe内容的“加载”动画？: 如何显示或模拟（使用固定的时间跨度）使用Colorbox显示的iframe内容的加载动画？我想要实现的实际上是iframe内容的临时覆盖，iframe内容加载后会消失。这有点可能吗？

使用colorbox ajax通过提交发送数据: HTML <form id="category_form" method="GET" action="welcome/find/” > <a type="submit" class="ajax cboxElement" id="category_submit" src="img/board/icons/add.jpg” value=”” /> 调节器 function find() { $this->pageload_model->load_page(); $getquery = $this->input->get(“q”); $data[‘find’] = $this->find_model->get_find_view($getquery); $page[‘content’] = $this->load->view(“template/findtemplate.php”, $data); echo json_encode($page); } 当您手动转到URI时，此控制器正确生成我想要的结果。在尝试使用jquery ui对话框时稍微修改了一下。但是，我更倾向于使用colorbox或fancybox。找模型： public function get_find_view($q) { if (!$q) { $html = “Search disrupted: Go back to main page “; return […]