shadowbox

How to simulate an append callback function?

由 强颜欢笑 提交于 2019-12-07 15:55:28
问题 I know that .append() does not have any callback function, but when I try to do this: $.onShadowboxFinished = function (f) { var postid = $(f.link).parent().attr("id"); var loadUrl = "wp-admin/admin-ajax.php?action=mfields_show_post&p=" + postid; $('#infos_wrap').load(loadUrl).append(); alert("loaded! test selector :"+$('a.projectimgs').first().attr("href")); } I am loading content ( links and images ) into the div #infos_wrap . Once all links and images are loaded, I want to manipulate

Disable everything except a DIV element

由 烂漫一生 提交于 2019-12-07 08:38:58
问题 I have a video player in a div element. I want to disable everything except the DIV. One way to do it is using lightbox, but I was wondering if I could do it using plain HTML/Javascript. 回答1: I did simple example for you, jQuery ; $(".disable").on('click', function(){ // * = select All, find Div, Not (#video) and edit css opacity $("*").find('div').not("#video").css('opacity', '0.1'); }); HTML ; <button class="disable">Disable</button> <div class="header">Lorem Ipsum is simply dummy text of

Shadowbox - How to switch or replace content? How to close and open another dialog?

由 大兔子大兔子 提交于 2019-12-07 06:43:21
问题 I'm trying to use shadowbox in multiple occasions: sometimes I happen to need more than one dialog at the same time. In this simple example I try to close one existing window and re-open another one but is not opening the second one. What I'm doing wrong? <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="shadowbox.css" type="text/css"> <style type="text/css" media="screen"> #sb-body, #sb-loading { background:#eee; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1

Disable everything except a DIV element

由 偶尔善良 提交于 2019-12-05 12:45:24
I have a video player in a div element. I want to disable everything except the DIV. One way to do it is using lightbox, but I was wondering if I could do it using plain HTML/Javascript. I did simple example for you, jQuery ; $(".disable").on('click', function(){ // * = select All, find Div, Not (#video) and edit css opacity $("*").find('div').not("#video").css('opacity', '0.1'); }); HTML ; <button class="disable">Disable</button> <div class="header">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the

Shadowbox - How to switch or replace content? How to close and open another dialog?

由 谁说胖子不能爱 提交于 2019-12-05 10:58:00
I'm trying to use shadowbox in multiple occasions: sometimes I happen to need more than one dialog at the same time. In this simple example I try to close one existing window and re-open another one but is not opening the second one. What I'm doing wrong? <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="shadowbox.css" type="text/css"> <style type="text/css" media="screen"> #sb-body, #sb-loading { background:#eee; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script> <script src="shadowbox.js" type="text/javascript" charset="utf-8"></script>

In Prettyphoto.js or Fancybox… How to add a link within the caption

由 六月ゝ 毕业季﹏ 提交于 2019-12-05 10:31:22
Help! I'm working on a website for a team of writers. They want to show examples of specific jobs they've worked on (portfolio) by using the shadowbox effect. Once opened (in overlay) the picture which is actually a screenshot of a .doc for instance, would have a caption to explain it roughly. The thing is, they want a link inside the caption so the user can download the files (.doc, .pdf) to their desktop or link to another site that they haved worked on. I've managed to do it with Fancybox but the way the link is included in the it shows undesirable text when hovered (the browser yellow

Isotope - filtered images - how to only show the visible (filtered) images in lightbox (or shadowbox JS)

由 让人想犯罪 __ 提交于 2019-12-04 15:36:40
I am building a wordpress website. I am implementing isotope for image layout and filtering ( isotope.metafizzy ) I have configured Isotope already, so that images are layed out and filterable, this is all working fine. I am using a custom template of NextGen Gallery to generate the necessary image thumbnails and code for isotope to pick up. I want to open the images inside a lightbox so that the larger versions can be viewed (probably using Lightbox2 in wordpress - but maybe will use Shadowbox JS) THE ISSUE: Currently, when i open an image in the lightbox, it loads all the images in the

jQuery - Shadowbox rebinding

由 ↘锁芯ラ 提交于 2019-12-01 17:38:06
How do I bind / initialize Shadowbox to content loaded by jQuery using AJAX? Right now shadowbox works when I first come into the site. However, when I swap the content with a new one loaded through AJAX, these new batch of content doesn't do the shadowbox popup, instead it just redirect to the content. I have Shadowbox.init(shadowbox_conf); in the success but it doesn't seem to do the trick. Thanks, Tee Ah I just found the solution. Shadowbox.init can't be called 2 times. So use this instead. Shadowbox.setup(); Thanks, Tee Actually, i personally had to do: Shadowbox.clearCache(); Shadowbox

shadowbox stops working after jquery function call

由 别说谁变了你拦得住时间么 提交于 2019-11-29 10:12:14
I have a shadowbox script. When I load the page everything works fine, but when I call this jquery load function and then try to trigger the shadowbox by clicking on the image, the large image opens in new window instead. Here's the code: <link href="CSS/main.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="shadowbox-3.0.3/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init(); </script> <p id="compas"><a href="images/coverage.jpg" rel="shadowbox" title="Coverage map"></a></p> Any idea why this is happening? EDIT So, we finally get the bottom of
订阅 shadowbox