jamy_za, I’ve made your code look like this..
function cssChangeBasedOnHash() {
switch ( window.location.hash ) {
case '#serv':
var backgroundPosition = '0px -151px'
break;
case '#port':
var backgroundPosition = '0px -302px'
break;
case '#contact':
var backgroundPosition = '0px -453px'
break;
default: // fallback
var backgroundPosition = '0 0'
break;
};
console.log(window.location.hash);
$('.logo-item').css('backgroundPosition', backgroundPosition);
}; // cssChangeBasedOnHash()
$(document).ready(function() {
cssChangeBasedOnHash();
$(window).bind( 'hashchange', function(){
cssChangeBasedOnHash();
}); // window.bind.hashchange
}); // dom.ready
It’s not working though? :(
Just to clarify the ‘#serv’ is just referring to what goes in ‘ href=”” ‘ – within the HTML right?? I can see your code works in your demo, but for some reason It’s not happening at my end. Must be the code.. or my slider maybe..
Also Mottie your method does allow me to refresh the page once accessed through a hash link and update the logo, but it doesn’t do it automatically.
Could my slider have something to do with it?!
I appreciate all the time you guys have given me- thank you.
