logo
down
shadow

eventClick with lightBox?


eventClick with lightBox?

By : user3851535
Date : October 16 2020, 11:12 AM
this will help I actually ended up using fancybox and the way I managed to get it working was to use the eventAfterRender to bind it up. I didn't have to do anything to the eventClick to prevent url follow, I think fancybox took care of that. It didn't work when I performed this same wire up in the eventClick so you might want to follow this example with lightbox and see if that works for you as well. Here is the relevant part of what I did. Cheers!
code :


Share : facebook icon twitter icon
Lightbox: how to parse the lightbox dynamically loaded html content (AJAX)

Lightbox: how to parse the lightbox dynamically loaded html content (AJAX)


By : Vicki Merk Breher
Date : March 29 2020, 07:55 AM
should help you out
These plugins are loaded when the main page load and they parse the html content of the page
Load sharing widget via ajax into a lightbox and share the lightbox content

Load sharing widget via ajax into a lightbox and share the lightbox content


By : arGus Co
Date : March 29 2020, 07:55 AM
fixed the issue. Will look into that further I have found a solution to this problem now, although it is more of a hack then anything else.
The basic principle is that you need to reinitialise the widget every time you load it back in.
code :
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?domready=1#pubid=/*Your pubid*/"></script>
window.addthis.ost = 0;
window.addthis.ready();
   $('.content').ajaxComplete(function(event, request, settings){
       // We need to reinitialise the addthis box every time we ajax a lightbox in
       // Apologies for using regex to read html when javascript can parse html! 
       // http://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags
       if(request.responseText.match(/gallery-lightbox/i)){
            window.addthis.ost = 0;
            window.addthis.ready();
       }
   });
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_button_preferred_1" addthis:url="http://example.com/<?php echo $image['Image']['id'];?>" addthis:title="My example title"></a>
    <a class="addthis_button_preferred_2" addthis:url="http://example.com/<?php echo $image['Image']['id'];?>" addthis:title="My example title"></a>
    <a class="addthis_button_preferred_3" addthis:url="http://example.com/<?php echo $image['Image']['id'];?>" addthis:title="My example title"></a>
    <a class="addthis_button_preferred_4" addthis:url="http://example.com/<?php echo $image['Image']['id'];?>" addthis:title="My example title"></a>
    <a class="addthis_button_compact" addthis:url="http://example.com/<?php echo $image['Image']['id'];?>" addthis:title="My example title"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?domready=1#pubid=/*Your pubid*/"></script>
<!-- AddThis Button END -->
Using Colorbox (JQuery lightbox plugin), how do I click the image to close the lightbox?

Using Colorbox (JQuery lightbox plugin), how do I click the image to close the lightbox?


By : Ale Zuccolillo
Date : March 29 2020, 07:55 AM
To fix the issue you can do I don't think that the plugin provides an option for this. So you could subscribe to the click event of the image and trigger the close method manually:
code :
$('a.post_ext_img').colorbox({
    transition: 'none', 
    photo: true,
    onComplete: function(result) {
        $('.cboxPhoto').click(function() {
            $(this).unbind('click');
            $.colorbox.close();    
        });
    }
});
Stop fullpage.js scroll when lightbox is open then re-enable when lightbox is closed

Stop fullpage.js scroll when lightbox is open then re-enable when lightbox is closed


By : user2114467
Date : March 29 2020, 07:55 AM
wish helps you You should be using the option normalScrollElements of fullpage.js plugin:
How to open a div inside a lightbox(lightbox, colorbox or ibox..) application which have only class-name specified?

How to open a div inside a lightbox(lightbox, colorbox or ibox..) application which have only class-name specified?


By : Yazanator
Date : March 29 2020, 07:55 AM
hop of those help? You can use a simple lightbox plugin like Lightbox_me : http://buckwilson.me/lightboxme/
Related Posts Related Posts :
  • Gulp 4 glob to exclude specific files and folders not working
  • Cucumber - how to get scenario tag that is currently being executed
  • Scale PostScript Image via GhostScript
  • How do I stop Object Storage Service file links from expiring?
  • Can I narrow the SPF ranges used by Outlook under Office365?
  • In DBeaver, how can I run an SQL union query from two different connections..?
  • Office.js add-in display dialog dynamic size
  • Drupal Services Plugin ignoring multi-value fields
  • Install gstreamer using cerbero
  • Clojure locking on string value
  • The depth buffer is ignored depending the X/Y position using an orthographic projection
  • FileNet Content Engine query comparing numbers defined as string
  • Mount multiple drives in google colab
  • Coldfusion insert a href URL link into DB Oracle
  • Change Powerlevel9k segment based on current folder
  • weight update of one random layer in multilayer neural network using backpagation?
  • Find most recent date in a list of objects on LocalDate property using Java 8 stream
  • deflateSetDictionary usage
  • Getting Me using Azure OAuth 2 Token
  • How do I get an Aspara Video playauth?
  • Avoiding memory leaks with Commanded in an aggregate that doesn't produce an event
  • Terraform: How to get a boolean from interpolation?
  • How can I disable shift (or any modifier) for some keys but not for others?
  • How to access component model from outside
  • Formatting decimal output when multiplying all numerical values in a string?
  • How to solve the numerical instability to a solution of a system of ordinary differential equations
  • How can I determine if a row has changed?
  • Inherited software that's built on Visual FoxPro, How can I access the source files and edit the program as needed?
  • Problem accessing orion-psb-image-R5.4 on FIWARE Lab using ssh
  • Check if List of Matrix Indexes are adjacent
  • View availability message on summary page Cart
  • Spring AMQP RabbitMQ RPC - Queue with with some messages that do not expect a response
  • App Pool Login Failed Message in New Acumatica Version
  • New-AzureRmSqlDatabaseImport does not accept a DatabaseMaxSizeBytes greater than 5GB
  • How to get the list of queues from a server?
  • Maxima plot discrete data with 3 columns
  • Referencing field from input in a Logstash filter
  • Chapel : Understanding lifetime of managed classes with zip and user-defined iterators
  • Compile With Static Library Using GNAT
  • Is there a way to receive most messages out of the standard SQS Queue? [NOT FIFO]
  • Remove shadow from XFCE panel
  • How do I serialize TransactionBuilder
  • How to disable Rule: one-line in TSLint
  • Automatically Ignore @OneToMany, @ManyToOne
  • Accidently renamed libc.so.6 and cannot chroot within rescue mode
  • A proper way to serialize/deserialize Xodus-dnq entity
  • How to hide the overlays in A frame?
  • PRelue is not supperted with mmdnn?
  • JasperReports: How to pass parameter to subReport
  • Is there built-in web analytics tool in Liferay?
  • 'if' scenario in an equation. How do I implement it?
  • Uncaught [CKEDITOR.editor] The instance "html" already exists
  • Trimming variable in CLLE
  • Slot not being passed from action to layout in Symfony 1.4
  • Are there any disadvantages of using C# 3.0 features?
  • How to download paypal transactions using some API
  • Microsoft CRM could not log you on to the system. Make sure your user record
  • Good acceleration structure for ray sphere tests with spheres that move
  • Draw formatted rich text
  • How can I sum values in column based on the value in another column?
  • shadow
    Privacy Policy - Terms - Contact Us © bighow.org