EDIT: see this for an alternative (better?) method..
CLICK HERE IF YOU WANT TO GO STRAIGHT AWAY TO THE DEMO PAGE.
The translate() method used inside the HTML-code below moves both a (super) div-containing-a-close-buttom (id: 'the_div') and an image (id: 'the_img') to the center of the window. The jquery-onload in the image ensures that the width of the div equals the width of the image. This is a requirement if we want to get the button (in the div) at the right position in front of
Updated 04-10-2015 at 10:47 PM by molendijk
The common factor in all previous versions of the modal gallery is that alternative markup is offered for IE7/8 users to allow them to view image enlargements in a new browser window instead of the modal overlay. This is because those earlier versions of Internet Explorer do not support the CSS :target pseudo selector which triggers the modal overlay, but let's face it - having each image open in a new browser window doesn't do much for usability and it doesn't look very nice either. So, if you're
Updated 01-28-2015 at 12:43 PM by Beverleyh
If we want to use the browser's scrollbar to scroll the content of an iframe, we must do the following:
calculate iframe's offsetHeight + pixel distance of top of iframe with respect to top of main window + pixel distance of bottom of iframe with respect to bottom of main window ;give the main window a pixel height that is identical to the result of that calculation;make sure that the value for the number of pixels that the content of the iframe is scrolled upward (in the case of
Here is a simple PHP script to change stylesheets or load in alternative content (conditional loading), with cookies to store user selection.
Updated 12-20-2014 at 05:55 AM by Beverleyh
We can embed and programmatically control multiple YouTube videos by putting onloads like the following in (existing) iframes:
Updated 12-07-2014 at 03:15 PM by molendijk