My modal gallery has evolved and here come versions 4 and 5. Both now include pagination but version 5 is PHP generated to help with maintainability. First, a recap on the gallery development so far; Version 1: Responsive CSS3 Modal Gallery (no JavaScript)Version 2: Responsive CSS3 Modal Gallery (with JavaScript on-demand images)Version 3: Responsive CSS3 Modal Gallery (with JavaScript on-demand images + keyboard controls) Now, so far, this gallery has only ...
Updated 07-10-2014 at 10:49 AM by Beverleyh
In July 2010 an enhancement to the YouTube video embed capability became available through a new embed code style. This style uses <iframe> and looks like this: <iframe src="http://www.youtube.com/embed/VIDEO_ID?" frameborder="0"></iframe> After VIDEO_ID? we can add the normal parameters, like this: <iframe src="http://www.youtube.com/embed/VIDEO_ID?start=0&autoplay=1&rel=0&showinfo=0&autohide=0&modestbranding=1&vq=large" ...
<iframe src="http://www.youtube.com/embed/VIDEO_ID?" frameborder="0"></iframe>
<iframe src="http://www.youtube.com/embed/VIDEO_ID?start=0&autoplay=1&rel=0&showinfo=0&autohide=0&modestbranding=1&vq=large"
Updated 10-14-2012 at 06:10 PM by molendijk
I found a fairly easy way to add optional links to the Dynamic Drive Script: Background Image Carousel First a demo: BG Carousel Links - Demo Now, how to: Using a text only editor like NotePad, add this highlighted style as shown to the bottom of the on page styles (modified from Step 1 on the demo page): Code: . . . ctedslide div.desc{ /* CSS for currently selected slide's desc div */ } div.slide ...
. . . ctedslide div.desc{ /* CSS for currently selected slide's desc div */ } div.slide
Updated 07-25-2012 at 12:17 AM by jscheuer1 (attach modified version of script, link to demo, update comments in script)
In javascript there are basically two types of events that can be assigned to elements and objects. I classify them as version 4 events (those that were available in Netscape 4 and IE 4), and version 5 events, those that became available starting with IE 5 and presumably NS 5, but the earliest I'm aware of them in NS was NS 6 (I don't recall ever seeing a NS 5 browser). Version 4 events are still available in today's browsers and are usually the first ones folks learn about, examples: ...
Updated 04-05-2012 at 05:26 AM by jscheuer1 (add info)
I'm amazed at how many people don't use a very simple shortcut for document.getElementById. This is for all the people who don't use a javascript library like jQuery. All you have to do is include this code somewhere on your page Code: function $(element) { return document.getElementById(element); } Then when you want to use document.getElementById('id'); just type $('id'); instead. Example Code: <html> ...
function $(element) { return document.getElementById(element); }
document.getElementById('id');
<html>