shadowbox

问题 I am building a wordpress website. I am implementing isotope for image layout and filtering (isotope.metafizzy) I have configured Isotope already, so that images are layed out and filterable, this is all working fine. I am using a custom template of NextGen Gallery to generate the necessary image thumbnails and code for isotope to pick up. I want to open the images inside a lightbox so that the larger versions can be viewed (probably using Lightbox2 in wordpress - but maybe will use Shadowbox

问题 I have shadowbox operating for all my pictures underneath the fotorama gallery, and it is working great. However, when I click on a button on the fotorama gallery it immediately brings up a shadowbox of an image. It isn't working together properly, and I can't figure out why. Here is the website: http://ultimatefinishdetailing.com/TiburonPictures.html Here is the code on the website: HTML Page Head: <link rel="stylesheet" type="text/css" href="files/shadowbox/shadowbox.css"> <script type=

问题 The url is http://oxfordgenetics.com/plasmid-builder and the iframe comes from the "product details" link on each builder group. What I need to do is hide some of the elements in the shadowbox that appears when this link is clicked. I have tried all of the usual remedies (both jQuery and js) without success as most of them latch onto the iframe using its ID which doesn't exist here. Same domain of course. 回答1: You know the iframe will be in the shadowbox, which has an id of sbox-content . So

问题 I'm trying to open Shadowbox from within a radio button onclick event on a asp.net web form without success. I was initially opening it using a button click which worked fine, but now need to make sure it happens when the radio button option is selected. I then tried to click the button in javascript (button.click()), but that only worked in IE and Newer versions of firefox. So I have opted to use Shadowbox.open, but it is causing some issues. Here is my code: if (yes.checked == true) { var

问题 I have a php page call it page.php . In this page I am using the shadowbox effect for opening a new php page (subpage.php) on it. So I have something like: $(document).ready(function() { Shadowbox.init(); $("#configure").click(function(){ Shadowbox.open({ content: $("#hiddenDiv").html(), player: "html", title: "Hello", height: 600, width: 840 }); }); }); And then in the html code I am using : <div id="hiddenDiv" style="display:none;"> <?php include 'subpage.php'; ?> </div> The shadowbox works

问题 I have an images with a fading overlay div on hover which displays a text link within. When the link is clicked it opens a shadowbox with content. I want the whole overlay div to be clickable so I used : $("div.overlay").each(function(){ $(this).click(function(){ $('a#overlink').trigger('click'); // id of shadowbox link return false; }); }); It works fine in FF, Safari & Chrome but IE shows a 'Object doesn't support this property or method' error. Is there another way of doing this or another

问题 I have a Wordpress website with two versions, one full-sized and one for mobile browsers. I want to shut down the Shadowbox.JS plugin for the mobile theme. (I want images to be opened directly) I've found something in the Advanced settings of the plugin. Skip setup: true/false. Set this true to skip Shadowbox.setup() during Shadowbox.init(). For purposes of this plugin you will have to manually add Shadowbox.setup() to the footer of your theme. Defaults to false. How do I manually add

问题 I have a bit of a problem with my shadowbox, it works fine in FF, but it refuses to work in IE 7 or 8. I am using these scripts, <script type="text/javascript" src="scripts/jquery-1.4.2.js"</script> <link rel="stylesheet" type="text/css" href="scripts/shadowbox/shadowbox.css"> <script type="text/javascript" src="scripts/shadowbox/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init(); </script> and I am also using this jQuery to assign the rel attribute to all the a tags

问题 Shadowbox is unable to work after ajax load data. I tried to put in Shadowbox.init() to ajax load function and also in the php page. Nothing works. Shadowbox is working fine before ajax loaded data. $.ajax({ type:"post", url: url1, data: {offset:offset}, dataType: "html", timeout: 10000, success:function(data) { Shadowbox.init(); if(data == 0){ $("#nodeal").show(); $(".more_deals").hide(); $("#nomore").val(1); $('#loadimage').hide(); }else { Shadowbox.init(); $("#nodeal").hide(); $(".more

问题 I am building a wordpress website. I am implementing isotope for image layout and filtering (isotope.metafizzy) I have configured Isotope already, so that images are layed out and filterable, this is all working fine. Currently, when i open an image in the lightbox, it loads all the images in the series, including images which are currently hidden (filtered by Isotope). I want to change my solution so that only the visible images will be loaded into the Lightbox. This way a user can use