lightbox

I have a Backbone View that renders within a Fancybox. I can click on an anchor tag and it will work but events in the Backbone view won't trigger. I've had the same problem with ShadowBox and another lightbox that I can't remember. Any thoughts? var LightboxItemView = Backbone.View.extend({ className : 'lighbox-item', events : { "click .lightbox-preview" : "visitItemPage" }, initialize : function() { _.bindAll(this, "render"); this.render(); }, visitItemPage : function() { console.log('visiting time'); }, render : function() { var graphicPreview = $('<img>'); graphicPreview.addClass('lightbox

I'm trying to add a rel="lightframe" attribute to all my 'edit' links within my admin_links_node_edit class. <li class="admin_links_node_edit"> <a href="[link]" title="Edit">Edit</a> </li> My code so far looks like this: $('.admin_links_node_edit a').each(function() { $(this).attr('rel','lightframe'); }); You don't need to use each(). jQuery's selectors will do it for you :) $('.admin_links_node_edit a').attr('rel', 'lightframe') The above code will do the trick. If admin_links_node_edit is reused among other elements, you'll want to specify the element you're working on ( li in this case). In

Is there any lightbox solution (along the lines of Fancybox, etc.) that is both accessible (VoiceOver & JAWS, etc., compatible, with perhaps WAI-ARIA roles) and mobile-friendly? Bonus points for being a jQuery plugin. It might be too late for you but I'll answer for people who may land here from Google search: recently I used NETEYE Touch-Gallery and it worked pretty well, at least on iPhone and Android. I am making the same research at the moment to integrate into our project! I have looked at a lot of them and so far my favorite in terms of quality is: Swipe box http://brutaldesign.github.io

I'm using Lightbox to display photos. So If I have two categories of photos, "work" and "vacation", I would do... <a href="images/image-1.jpg" rel="lightbox[work]">image #1</a> <a href="images/image-2.jpg" rel="lightbox[work]">image #2</a> <a href="images/image-3.jpg" rel="lightbox[work]">image #3</a> <a href="images/image-4.jpg" rel="lightbox[vacation]">image #4</a> <a href="images/image-5.jpg" rel="lightbox[vacation]">image #5</a> <a href="images/image-6.jpg" rel="lightbox[vacation]">image #6</a> This displays 6 images, and when I click one of them, it starts the Lightbox. However, I'd like