js? I'm using single in my example, and not even sure why. PS: While I'm here, is it better (in 2019) to use single or double quotes for things like class or ID names in. (I'm fairly confident I can take it from there, once I see this specific syntax.) I believe the customizing happens there, but I might need some help with the first two. I figure those are basic enough that there would be existing toggles for them.Īnd I believe they're all located HERE, right? (Or do I even have that wrong?) Make that lightbox background layer less opaque (it appears to be 100% black on my screen).Streamline the options in the lightbox down to only 3 or 4, by eliminating social media sharing, or a couple of those zoom icons.(Or maybe that's just what I tell myself to avoid facing how dumb I actually feel when I try customizing this thing.) The hard part (for me, as a designer) will be the customizing, as I feel the documentation was written for regular Github-level coders who can fill in most blanks. js modules, also offered).Īnd it appears to work as advertised right out of the box : swipes, animations, all there. So for a first run, I kept it simple by linking to lightgallery.css and lightgallery-all.js (rather than individual. On the surface, this thing looks like it can do anything. js or jQuery flavors (as redundant as that sounds to my inexperienced ears) so I went with the latter, assuming jQuery adds enhancements of some sort. Nancy OShea recommended a list of mobile-responsive solutions, and I'm finally getting around to installing one of them, which I'd bookmarked as my favorite LightGallery. A few months back, I was looking for a bare-bones lightbox script to zoom into various items in a gallery. For the trigger, you don’t need to include img – LightGallery is bound to the a, so if you trigger the click on the a that should be good enough.Įven after you do all of this, I am not sure if it will work – I have never had to make it work this way, and there might be all types of issues such as double initiation of the gallery if someone clicks on a thumbnail, or issues with deeplinking, or an inability to close the lightbox etc.Designer posing as a coder here.You are using ES6 syntax, which is not going to work for IE 11, but that is a fairly small percentage of users.But as such you might not even need that line. I may be wrong, but once you have fixed the above two problems you will find out. I don’t believe lightGallery is available as a function directly, as you have called in your code.Your syntax is using $, presumably for jQuery, but you haven’t specified anywhere that $ is refering to jQuery.While this will load Photonic in the header, there is no guarantee that your theme’s script will be called after Photonic’s, which is why you will need to work with your theme’s support. Photonic’s script loads in the footer by default – you can change this to load in the header instead (via Photonic → Settings → Generic Options → Generic Settings → Include Photonic JS for non-Photonic Images / Videos and Photonic → Settings → Generic Options → Generic Settings → Force JS in header when possible). You will have to work with your theme’s support to figure out how to load the script after Photonic. You are calling the JavaScript at an arbitrary place, before Photonic’s scripts have been loaded.There are many problems with your JavaScript (you can see an error on your JavaScript console).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |