lightbox

问题 Does anyone know of a good lightbox plugin for rails? I found redbox but it seems to be out of development. Thanks! -Elliot 回答1: I just use the regular Lightbox 2. Include all the appropriate javascript and stylesheets then :rel => "lightbox" on your links. 回答2: Here is example how to easily use lightbox in rails (v4 in my case): 1. Download from site: http://lokeshdhakar.com/projects/lightbox2/ 2. Copy lightbox.js to app/assets/javascripts 3. Copy lightbox.css to app/assets/stylesheets 4.

问题 i'm looking for a jquery-based popup dialog box that we will use for : displaying static content pages (terms of use, etc) the contact us page (already uses the jquery form plugin for ajax submit) displaying full-size for photo thumbnails. can anybody recommend one that can fulfills all the above and that is rather lightweight and easy to use ? thanks in advance. 回答1: I use Fancybox - http://fancybox.net/ Handles pretty much any kind of content, rather easy to use and configure, and should

问题 I'm developing a little portfolio where I can choose a category and when I click it, the content (thumbnails) of that category will be shown (this is via an array). e.g. photography[0] = <a href="..." rel="lightbox" /><img ... /></a> photography[1] = <a href="..." rel="lightbox" /><img ... /></a> At first the site shows the content of all categories and when I click a thumbnail it activates lightbox, however if I choose a category and then press one of the remaining thumbnails is simply leads

问题 I have a jQuery lightbox where the user clicks on two links 'next' and 'previous' to navigate through images. How do I fade in the new image? Here is a snippet of my code of how the new image is replacing the old image. var image = $(item).find('a').attr('href'); $('#lightbox img#image').attr('src', image); 回答1: 2 proposed solutions: Soliton 1 FadeOut (with opacity), change image, fade in again. $('#lightbox img#image').animate({ opacity: 0}, 500, function(){ $('#lightbox img#image').attr(

问题 How would you go about displaying a django view in a lightbox with the rest of the website still in the background. In fact I'd like to have a modal jQuery dialog with a FormView "pop up" and keep the rest of my site, which uses a canvas as a full-page background. I've seen the jQuery demo, that shows a modal form, but I don't understand how I could render a view in the dialog . 回答1: If you render a template from your view you can go one of two options. You can have the template extend your

问题 I got a page tab - ok - so far so good. http://www.facebook.com/pages/Team-Vermont/210976122316498?sk=app_201737266589689 I want the user to click on video 1 and have a youtube vid play in a lightbox. Right now all I can figure out is the ugly onclick popper. So - images and video in a popup on an iframe page tab. What is the secret? I seriously have been searching for answers for about 6 hours and tried and failed about 12 times. Thanks! 回答1: You are using the <map> tag, I'm not sure how

问题 I was looking for a way to disable prettyphoto lightbox on mibile devices or any other small screens and after spending hours by trying different script, I discovered a very simple way to do that with css media queries: html <div> <a class="lightbox" rel="prettyPhoto" href="img.jpg"> <img src="img.jpg"> </a> </div> css @media all and (max-width: 479px) { a.lightbox { pointer-events: none; } } But, I just like to know if there is a better (proper?) way? Is it better to use a JS functions ( ($

问题 I am using Nivo Lightbox plugin. I am also using CMS surreal. I want the clients to be able to change the title of the images in the Nivo Lightbox slideshow. The titles to the slideshow are given in the anchor tag that surrounds the image tag, with the title attribute declaring the title displayed on the slideshow: <a href="images/1.jpg" title="Untitled 2013" data-lightbox-gallery="gallery1"><img src="images/1.jpg" /></a> The CMS editor only gives the client the option to edit the alt

问题 I know the idea is to use a separate stylesheet for printing that hides everything other than the lightbox when the user clicks the print button on the lightbox. It sounds easy but there are always some obstacles. So I would like to know if there is any working example that supports all major browsers. I searched in google and found many lightbox but none of them has a print button built-in. 回答1: I suggest you take a look at this article http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of

问题 I am looking for a script for overlaying a full screen image slideshow over the top of a webpage. I am familiar with scripts that generate a fullscreen background, and also lightbox scripts, but am looking for a fullscreen slideshow that fills the entire browser window with a letterbox to keep the images in the correct proportions, ideally with transition effects. Could someone point me in the right direction? Thanks, Nick 回答1: Go for FancyBox Change the width and height to 100% for covering