logo
down
shadow

How to get data from json in lightgallery jquery?


How to get data from json in lightgallery jquery?

By : John Pridgen
Date : November 19 2020, 03:01 PM
like below fixes the issue I face with a problem in use lightgallery with jquery .When I use constant value for src and thumb it works great, but in the opposite it doesn't work with json . , Try once this code
code :
jQuery(document).ready(function($) {
    $("#dynamic").on("click", function(e) { 
        $.ajax({ 
            type: "post", 
            url: "@Url.Action("ShowMenuGallery", "Ads")", 
            dataType: "json", 
            data: {ID: "@Model.ID"}, 
            traditional: true, 
            success: function (data) { 
                $("#dynamic").lightGallery({ 
                    dynamic: true, 
                    html:true, 
                    dynamicEl:  JSON.stringify(data) 
                });
            } 
        }); 
    });
});


Share : facebook icon twitter icon
lightGallery (jQuery plugin) in AngularJS

lightGallery (jQuery plugin) in AngularJS


By : user3635361
Date : March 29 2020, 07:55 AM
wish helps you Call lightGallery once ng-repeat is finished rendering.
You can just modify the directive like this
code :
.directive('lightgallery', function() {
  return {
    restrict: 'A',
    link: function(scope, element, attrs) {
      if (scope.$last) {

        // ng-repeat is completed
        element.parent().lightGallery();
      }
    }
  };
});
<ul>
  <li lightgallery ng-repeat="photo in photos" data-src="{{photo.fullres}}">
    <img ng-src="{{photo.thumbnail}}" />
  </li>
</ul>
jQuery - Lightgallery.js - Detect approaching end of slidehsow

jQuery - Lightgallery.js - Detect approaching end of slidehsow


By : Salas Os
Date : March 29 2020, 07:55 AM
wish of those help What if you subtract your buffer number (two in this case) from the length of the elements with .img-wrap
code :
$(document).ready(function() {
    $("#links").lightGallery({
        selector: '.img-wrap',
        html:true,
        speed: 300,
    });     

    var $lg = $('#links');
    var bufferThreshold = 2;//number of images remaining before we fetch more

    $lg.lightGallery();

    $lg.on('onBeforeSlide.lg',function(event, index, fromTouch, fromThumb){
        console.log(index, fromTouch, fromThumb);
        if (index > $('.img-wrap').length - bufferThreshold) {
            //almost done, get more!
        }
    });

});
using lightGallery and Jekyll: TypeError: $(...).lightGallery is not a function

using lightGallery and Jekyll: TypeError: $(...).lightGallery is not a function


By : blackZero
Date : March 29 2020, 07:55 AM
seems to work fine I´m new to Jekyll and Javascript and I´m trying to implement lightGallery by "sachinchoolur" (on Github) with Jekyll. I had a look at related questions asked earlier here and on Github and tried the proposed solutions like a) changing the source of lightgallery from local to a web link b) changing the version of lightgallery/jquery c) tried different ways to implement it like: https://github.com/sachinchoolur/lightGallery/blob/master/demo/index.html https://olivierpieters.be/blog/2016/02/26/creating-a-jekyll-image-gallery#adding-some-styling-with-scss https://www.npmjs.com/package/lightgallery/v/1.2.6 Nothing worked and the error remains. ,
code :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE HTML>
    <!-- jQuery version must be >= 1.8.0; -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  </head>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#lightgallery').lightGallery();
    });
  </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.11/js/lightgallery-all.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
jquery lightgallery have a url to another page in the caption?

jquery lightgallery have a url to another page in the caption?


By : user3257383
Date : March 29 2020, 07:55 AM
wish helps you It's a bit of a kludge but you can make the edit links work via JS onclick:
code :
<a onclick="document.location.href='/sites/edit_file/272/1/'; return false;" class="pull-right" href="/sites/edit_file/272/1/">
  <i class="fa fa-edit" aria-hidden="true">asdf</i>
</a>
How To Center Thumbnails Of jQuery LightGallery With In Dynamic CSS Website

How To Center Thumbnails Of jQuery LightGallery With In Dynamic CSS Website


By : ssa kluh
Date : March 29 2020, 07:55 AM
may help you . Hi this may be a little late, but I had the same exact question and figured it out using Chrome Dev Tools. In your custom.css file, add:
Related Posts Related Posts :
  • Parse php json to javascript
  • Write to Internet Explorer javascript console with vba in excel
  • 2 Forms with Jquery
  • Why the loop stops right in the middle?
  • filter system for restaurant booking
  • how to add active class in framework nav menu when (add/edit) pages are opened
  • Port a js map in dart
  • How to get value from select using javascript
  • Audio won't be muted with JavaScript - removing audio tags with mutationobserver needed
  • How to include an HTML/Javascript game into reactJS website
  • Convert Nodejs server into node module
  • Strage Vue behaviour. V-if does not watch properly
  • Is it possible to use map/filter/reduce inside a promise by returning the result with Promise.resolve?
  • Does EcmaScript have any rule where whitespace is important for the compiler during parsing
  • How is DOM and Virtual DOM represented in memory?
  • cannot display text onchange select option
  • My gulpfile can edit (change) and delete file, but dont copy new (add) files
  • How do I reset scroll position of paper-dialog-scrollable?
  • Loading unlooped gif-animation several times
  • Strange error from Google API: initializeAutocomplete is not a function
  • Array state variable is not being set during componentWillMount
  • Stop refresh on form submit when using javascript
  • Npm WARN deprecated babel-preset-es2015@6.24.1: Thanks for using Babel: we recommend using babel-preset-env now: please
  • Cant get wheel scroll delta on Firefox
  • Puppeteer with Prompt, ignoring rest of function
  • VueJS Form Input Binding
  • How To Extend mail.Chatter Widget in Javascript Odoo 10
  • How Chk two checkboxes at a time using jQuery
  • Broken "if" statement in JavaScript code…
  • Trying to create a display/hide toggle content using jQuery?
  • How to transition perspective-origin specifically?
  • Why does my nested for loop for creatDocumentFragment run the outside for loop only once?
  • How to prevent our URL from Cross-site scripting (XSS)?
  • Add change text on click with existing onclick button in jquery
  • How do I replace a <li> element in HTML with something different using jQuery?
  • How does Facebook update likes withot refresh?
  • Do mobile browsers support 4k video using HTML5 video tag?
  • Node.js pass variable/object from one module and return it
  • How do I access arrays on the asm.js heap from Javascript code, when the array's type is not Uint8?
  • How to modify fullcalendar columnFormat with bracket?
  • Nodejs How To Iterate With a Promise
  • React: setState is not defined, I already tried binding this
  • How to get text of form child when an input element is clicked on
  • How to avoid using setTimeout to wait for Promises to resolve?
  • jQuery - Check checkbox and disable other if has different value
  • Can't use fnReloadAjax datatable
  • Unfamiliar use of square brackets during multiple variable declaration in Javascript
  • How do I assign my .reduce function output to a variable?
  • Populate items from an array into different options tag
  • Javascript Regular Expressions Email Address
  • How to have multiple Flatlists with filtered data in React Native
  • Scroll to Top of Document After Param Change in Angular 4?
  • Sweetalert2 Ajax - post input data
  • Can I build a split slider using slick?
  • How can I customize a permission request popup for push notifications in a browser?
  • Find array in another array and get index of result
  • Service worker promise.then is not defined
  • how to keep validation off if some section of forms not showing during form-filling in jquery
  • Store string values to array inside a loop
  • How can I search through this JS object?
  • shadow
    Privacy Policy - Terms - Contact Us © voile276.org