Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Need help to finish disjointed rollover Reply To: Need help to finish disjointed rollover

#147715
Paulie_D
Member

On the exisiting site it’s all handled by javascript (Jquery actually) …in the functions.js file.

//DISJOINTED ROLLOVERS USING BUTTON NAVIGATION AND IMAGES FADING IN AND OUT

$(document).ready(function(){
//disjointed rollover function starting point
$("div#button li").hover(function(){
    //make a variable and assign the hovered id to it
    var elid = $(this).attr('id');
    //hide the image currently there
    $("div#images div").hide();
    //fade in the image with the same id as the selected buttom
    $("div#images div#" + elid + "").fadeIn("slow");

    });

});

As far as I can see that file is referenced in your page but not actually included in the appropriate folder of your ‘development’ site.

If you are using the same HTML & CSS then there is your answer.