Stack Overflow
Stack Overflow

Questions tagged [lightbox]

Lightbox, and the newer Lightbox 2, is a JavaScript application used to display large images using modal dialogs.

The script has gained widespread popularity due to its simple, yet elegant, style and easy implementation. While it was initially developed from scratch, Lightbox has since been modified to use a number of JavaScript libraries (such as the Prototype JavaScript Framework and jQuery JavaScript Framework for its animations and positioning), in order to reduce the size of the code. The release of Lightbox encouraged other developers to work on similar projects, resulting in products such as the later Thickbox and lighter Slimbox.

2461 questions
7
votes
2 answers

creating a 16:9 aspect ratio iframe based on browser size (percentage)

how can I set a iframe size (in my case - featherlight iframe playing youtube) to be a percentage of the browser windows ? I have a browser that may be any size, and I want to set the iframe width to be 80% of browser window.. 16:9 aspect ratio with…
hypermails
  • 726
  • 1
  • 10
  • 28
7
votes
1 answer

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

So I'm using fullpage.js for a website I'm working on. I have a section that contains bio's of team leaders that open in a lightbox using Nivo lightbox. When you click on the person, their lightbox opens but if you scroll through their info (happens…
Jeffrey Roche
  • 73
  • 1
  • 4
7
votes
2 answers

Owl-carousel and lightbox together? Or is there another solution?

I would like to use Owl-carousel and PrettyPhoto lightbox together but before that, I would like to know if a similar all-in-one solution already exists. To be more specific, I would like to make an inline image/video content slider gallery with…
dragoweb
  • 699
  • 1
  • 8
  • 17
7
votes
9 answers

Making JQuery LightBox Plugin work with multiple galleries

I'm trying to make this jquery plugin => http://leandrovieira.com/projects/jquery/lightbox/ work with multiple galleries on the same page. The problem is, everytime I click on a picture from a certain gallery, I get all the pictures from all the…
lpdahito
  • 556
  • 2
  • 10
  • 16
7
votes
4 answers

JQuery Lightbox: thumbnails OK, background dims, but no large image shows

I have a weird issue where lightbox appears to be working but no larger image appears. Links to images are correct and thumbnails are showing but no full size image. There are also no errors in the console. I have my gallery HTML set up as such:
MeltingDog
  • 14,310
  • 43
  • 165
  • 295
7
votes
1 answer

Twitter bootstrap-modal for images

I have a page which includes details of the registered users. Every html table includes 80-90 users. For every user there is a $username variable. I normally show their pictures in a table like the code below. print "
trante
  • 33,518
  • 47
  • 192
  • 272
6
votes
3 answers

Responsive featherlight iframes width

I'm using the featherlight lightbox to open iframes with different widths, please see the 1st 2 links on the fiddle below: http://jsfiddle.net/sm123456/d5Lvw1rs/ The issue is that I seem I cant seem to be able to make the iframe responsive ie. when…
JimWids
  • 113
  • 9
6
votes
2 answers

Wordpress WPBakery disable prettyPhoto and use Responsive Lightbox & Gallery

I have this wordpress site and its using WPBakery, what I am trying to do is disable PrettyPhoto and enable Lightbox using Responsive Lightbox & Gallery. I was able to disable PrettyPhoto by adding the following code to my functions.php…
user979331
  • 11,039
  • 73
  • 223
  • 418
6
votes
5 answers

Smallest jQuery lightbox script

What's the smallest lightbox plugin for jQuery (in terms of size)? Something close to Fancybox, but smaller :)
Alex
  • 66,732
  • 177
  • 439
  • 641
6
votes
1 answer

Disable lightbox with javascript

I have an image that when clicked, will open up in a lightbox (script from http://lokeshdhakar.com/projects/lightbox2/) and what I want to do is disable that from happening when a button is switched to off. (So clicking the image does nothing.) I've…
ThatsNotMyName
  • 572
  • 2
  • 8
  • 24
6
votes
2 answers

How to add a backdrop over a div (lightbox effect)?

i'm editing an AngularJS project and i want to add a backdrop (like Bootstrap Modal) over the main DIV when users click on search input box. Here is the HTML code:
smartmouse
  • 13,912
  • 34
  • 100
  • 166
6
votes
6 answers

Colorbox shows under flash

I am using jQuery's colorbox to open up an iframe on a page. On the page there are two flash SWFs. When I click the button that opens the colorbox, those flash SWFs appear over the top of my colorbox div. I've checked the CSS properties of the…
phil crowe
  • 877
  • 6
  • 15
  • 20
6
votes
1 answer

View PDF on a Lightbox

My pdf file is not showing on a lightbox, its just keeps loading but when i put it using an iframe it shows. I uploaded the pdf on a cpanel and i just want it to view on a light box. Here's my code in an iframe, which is working:

zen
  • 383
  • 3
  • 10
  • 21
6
votes
1 answer

Combining dropzone.js with fancybox.js to give a fullscreen view of uploaded photos

I am currently trying to implement a drag'n'drop upload feature into my website using the dropzone.js library. This has worked fine so far, but I want to give the user the ability of viewing their uploaded pictures by clicking on them after the…
user3455610
  • 61
  • 2
6
votes
4 answers

jQuery Thickbox or similar to show iFrame?

I have been looking at jQUery thickbox for showing modal dialogs with images, it is great. But now I have the need to display a hidden div of content that contains an iFrame in a similar fashion, with a link to open the content. So I'd have…
Mitchel Sellers
  • 62,228
  • 14
  • 110
  • 173
1 2
3
…
99 100