The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern


  • # March 3, 2010 at 7:10 pm

    First off before I start, I’m no genius about JavaScript, just find a few resources and go from there.

    Also i only got put on this project extremely late, to fix touch ups etc (one being the problem below!)

    Basically the problem is on the Homepage, we have rotating content, but the first piece of content is a video, it seemed to disable fine in FF but am having trouble getting it to work in IE. The aim is when you click to fade in the next picture of content the video stops.

    Below is the bit of JS i believe to be controlling the content. I added the .disabled lines, but not sure where I’m going wrong

    Any help would be greatly appreciated

    function ChangeBannerImage() {
    if (document.getElementById(‘divCenterHome’).className == ‘showCenterRightImage’) {
    document.getElementById(‘video’).disabled = true;
    else if (document.getElementById(‘divCenterSeminars’).className == ‘showCenterRightImage’) {
    document.getElementById(‘video’).disabled = true;
    else if (document.getElementById(‘divCenterAdvice’).className == ‘showCenterRightImage’) {
    document.getElementById(‘video’).disabled = false;

    window.setTimeout(‘ChangeBannerImage()’, 15000);


Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed