lightbox2

Trigger Lightbox onLoad w/ Delay

浪尽此生 提交于 2019-12-13 18:19:23
问题 Does anyone familiar with Lightbox2 (http://www.huddletogether.com/projects/lightbox2/) know how to trigger a lightbox onLoad and preferably with a 1 minute delay? 回答1: I used some info from another SO post to simulate the click event: Trigger an event with Prototype Get the code from event.simulate.js and include a reference in your file. <script src="js/simulate.js" type="text/javascript"></script> Add an id to the anchor link you want to auto-fire: <a href="images/image-1.jpg" id="openLink

Trigger lightbox with javascript

送分小仙女□ 提交于 2019-12-13 14:20:40
问题 I want to use this library: http://lokeshdhakar.com/projects/lightbox2/ I can't attach rel="lightbox" to each image so I want to use jQuery to trigger the lightbox. I was thinking about something like: $('img').click(function(){ //triger lightbox for this image //use self src as href }); How can I trigger the lightbox for one image? 回答1: Solved the problem by wrapping the img tag in an a tag and triggering click on a after that. $('img').click(function () { $(this).wrap('<a href="' + $(this)

Lightbox 2 not functioning with Wordpress

不打扰是莪最后的温柔 提交于 2019-12-13 06:25:32
问题 It works fine with the static version of the website, but after transferring it to the WP version, clicking the image simply navigates to a new page, instead of bringing the LB up over the top, like on the static version. The template: <?php /* Template Name: Work Child Page */ ?> <?php include 'header.php'; ?> <?php while ( have_posts() ) : the_post(); ?> <div class="col-md-10"> <div class="row bottom-margin"> <div class="col-md-12"> <h3><?php the_field('title'); ?></h3> </div> </div> <div

Angular lightbox: Can't bind to 'data-lightbox' since it isn't a known property of 'a'

我只是一个虾纸丫 提交于 2019-12-13 04:04:39
问题 I read Angular. It says if you want to bind a property it should be wrapped with []. So here what I did, But I am getting error. Any idea what am I doing wrong? My requirement is to have the value of data-lightbox is what I am setting/sending from another component(parent component) image-display.component.ts @Component({ selector: 'app-image-display', templateUrl: './image-display.component.html', styleUrls: ['./image.component.css'] }) export class ImageDisplayComponent implements OnInit {

Using Lightbox2 to display video

北城以北 提交于 2019-12-12 14:35:21
问题 Site: http://blieque.comli.com/motion Before I start, I know there are many alternatives to Lightbox2 (Lokesh Dhakar's) to display videos but I want to avoid using three different JavaScript things, already using MooTools and JQuery as I'd like to keep HTTP requests to a minimum, as well as disk usage. As it comes, Lightbox2 does not support videos, full stop. However, I noticed that the JavaScript was essentially taking the contents of an a 's href attribute and placing it in an img 's src

can I add lightbox to flickr feed?

牧云@^-^@ 提交于 2019-12-11 09:54:28
问题 I'm trying to add lightbox to my flickr feed, but I'm not having much success... Is this the correct way of adding "data-lightbox" to the created images?? JS $('<ul />').prependTo('#weddings'); $.getJSON('http://api.flickr.com/services/feeds/photoset.gne?set=72157647565496672&nsid=127682596@N07&lang=en-us&format=json&jsoncallback=?', function(data) { $.each(data.items, function(i,item) { var squares = (item.media.m).replace('_m.jpg', '_q.jpg'); var large = (item.media.m).replace('_m.jpg', '_b

How to trigger event on arbitrary function call using jQuery

為{幸葍}努か 提交于 2019-12-10 10:40:23
问题 I'm wondering if it's possible to use jQuery's bind() to fire a custom event when an arbitrary function is called. Something like, /* when cmsPlugin.func() is called, fire myCustom.func() too */ $.bind( cmsPlugin.func, myCustom.func ); We're using the Lightbox2 plugin for Drupal on a site. When the lightbox is displayed, I want to fire some custom code which will attach to clicks on a "download" link in the Lightbox. The Lightbox2 plugin doesn't appear to call $.trigger(), so I have a few

Lightbox overlay not displaying on Chrome but works well on Chrome Canary

一世执手 提交于 2019-12-09 18:25:56
问题 I've got some issues on Lightbox Overlay which it displays perfectly on Chrome Canary, Safari, Firefox and IE. Except for Chrome (version 33). Screenshots: ** Lightbox on any browser except Chrome : http://awesomescreenshot.com/0952i236a2 ** Lightbox on Chrome : http://awesomescreenshot.com/0522i2378a Another weird thing is, the Gray black overlay will popup IF I resized my browser Hovered and inspected an HTML element on the page Any help would be appreciated. Thanks!. 回答1: can you make the

asp.net code behind show images from DB wrapped by lightbox

梦想的初衷 提交于 2019-12-08 12:39:29
问题 I am writing an web app in asp.net, I have in my DB URL of my images and I want to display all the images from my DB wrapped with lightbox my code so far is: <script type="text/javascript" src="Lightbox/js/prototype.js"></script> <script type="text/javascript" src="Lightbox/js/scriptaculous.js?load=effects,builder> </script> <script type="text/javascript" src="Lightbox/js/lightbox.js"></script> <a rel="lightbox" id="userImageLightBox" runat="server" title="profile image"> <img id="userImage"

How to trigger event on arbitrary function call using jQuery

家住魔仙堡 提交于 2019-12-06 05:41:52
I'm wondering if it's possible to use jQuery's bind() to fire a custom event when an arbitrary function is called. Something like, /* when cmsPlugin.func() is called, fire myCustom.func() too */ $.bind( cmsPlugin.func, myCustom.func ); We're using the Lightbox2 plugin for Drupal on a site. When the lightbox is displayed, I want to fire some custom code which will attach to clicks on a "download" link in the Lightbox. The Lightbox2 plugin doesn't appear to call $.trigger(), so I have a few options - Find a way to bind to javascript function calls. (In this case, Lightbox.end I believe.) Use an