FAQ Database Discussion Community


Binding Magnific Popup plugin to a button (besides the gallery element itself)

jquery,lightbox,magnific-popup
I successfully implemented my Magnific Popup plugin, binding it to the gallery element (a div containing a set of img elements wrapped up in a elements). But I also want the lightbox to appear when clicking on a separate "see gallery" button. I can't see anywhere how to achieve that...

Responsive layout constraining horizontal display in Lightbox2 overlay

jquery,css,lightbox,lightbox2
I use Lightbox2 on several sites for "galleries", and never had a problem. I am now attempting to use it with a Simple Responsive template (or on Github), and running into a problem: When the overlay comes up and the images "zoom" to their proper size, they are restricted horizontally...

Lightbox with transition

css,css3,transition,lightbox
I wanted to do a smooth transition of a fullscreen lightbox, my actual code is <a href="#_" class="lightbox" id="img1"> <img src="images/photo.jpg"> </a> And my style: .lightbox { display: none; position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.8); } .lightbox img { max-width:...

Don't work vertical align with image in lightbox

html,css,modal-dialog,lightbox
I want to center image in lightbox gallery with vertical-align: middle, but can't. Where I do mistake? html: <div><img src="images/image1.png"></div> CSS: div { display: table-row; /* or display: table; -> the result is the same for me */ height: 550px; width: 100%; text-align: center; } img { display: table-cell; max-height:...

Polymer single page application with lightbox

polymer,lightbox,single-page-application
regarding to this question i have changed my polymer spa a little to load content dynamically. next thing is to add a lightbox gallery. i have found a very lightweigt version here as standalone it works very good but in my dynamic content page i am not able to get...

How to align image right in lightbox when clicked

javascript,jquery,html,css,lightbox
I am trying to align the image to the right when clicked. I have a lightbox script but cannot figure out how to move the image from the center to the right. Here is the script: <link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" /> <style type="text/css"> a.fancybox img { border: none; -o-transform:...

jquery gallery wont load lightbox

javascript,jquery,html,lightbox
I am using VisualLightBox Gallery on my site on portfolio: http://www.kamenarstvo-kliestik.sk/en/portfolio.htm but when you open e.g. Kitchen portfolio and whatever picture its open directly, not in lightbox. but when you refresh page on Kitchen portfolio or open this link http://www.kamenarstvo-kliestik.sk/en/portfolio/kitchen.htm, images will be opened correctly. Scripts are linkend correctly too....

prettyphoto undefined is not a function

javascript,jquery,lightbox,prettyphoto
I'm attempting to install prettyPhoto lightbox on my site and I keep getting them same error. The following code in the console generates this error "undefined is not a function" <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); </script> Line 18 I've tried it in the footer and the head, both cause...

Using jQuery to automatically add class to image links in WordPress database

jquery,wordpress,lightbox
I'm having to switch lightbox scripts because the one I'm using isn't responsive and the site is moving to a responsive layout. A lot of the site is in WordPress and the script I'm switching to doesn't have a WordPress plugin. I figure all I really need to do is...

Enable the default image viewer on Tumblr [closed]

javascript,lightbox,tumblr
How would you go about disabling a default function which enlarges an image? I am creating a Theme for my Tumblr blog and I want to make it so that when a user clicks on the image they are redirected to the link of the actual post rather than seeing...

Can't use paperclip+lightbox together

ruby-on-rails,ruby-on-rails-4,lightbox
How to perform this piece of lightbox code using rails link_to method <a href="img/bmw.jpg" data-lightbox="cars" data-title="My caption"><img src="img/bmw.jpg"></a> the image_tag outputs images well image_tag(@ad.photo.url(:medium)) so how to use this image_tag with link_to so lightbox works? my application.js //= require jquery //= require jquery_ujs //= require foundation //= require lightbox //=...

How to keep sliding website on page while lightbox is open?

javascript,slider,lightbox
Code: http://cssdeck.com/labs/xpwki4sy Is there any way to keep the main website on slide two when the lightbox is open? Currently the main slider page shifts when you flip images in the lightbox using the arrow keys, there is no problem is the arrows within the lightbox are used....

How to open a lightbox on page load if url equals using google tag manager

javascript,lightbox,google-tag-manager,featherlight.js
The title pretty much says it. I would like to show a lightbox on page load only if the url is www.example.com/#popup versus www.example.com If this could be accomplished with google tag manager that would be grand I've see bits and pieces of this but I'm having trouble piecing it...

Impresspages: Grouping images on single page, in ColorBox

lightbox,colorbox,impresspages
On an impressPage's site homepage, I am listing many items; each item with their own set of pictures. When an image for an item is clicked, lightBox is opened accordingly, but you can cycle through all the images on the page, as opposed to just cycling through a single item's...