Left Nav Arrow change

I was branding a publishing site for our intranet portal and thought it would look better if I replaced the black flyout arrow in the Blue Vertical master page.  I wasn’t sure exactly how to do this but I knew it could probably be scripted out.  I had my collegue Tony Miller assist me with this since he’s pretty adept at JQuery.

Using FireBug, I could see the web server call to the image file I wanted to replace, _layouts/images/largearrowright.gif.  I uploaded my file to my custom image location.

We created the following JQuery script to replace the default arrow with my own:

$("img[src='/_layouts/images/largearrowright.gif']").attr('src', 'https://MySPURL/Style%20Library/Images/Branded_Images/largearrowright.png')


From a looks point of view, it didn’t work so I reverted the change until I create a new arrow file.

This was discussed at http://www.endusersharepoint.com/STP/topic/left-nav-arrow-replacement-on-a-publishing-site

eric

Plurk This Post Buzz This Post Delicious Digg This Post Stumble This Post