I come in search of a question that I'm hoping jquery or css can fix. I'm stylizing my left nav panel in our publishing portal page. I'd like to replace the black arrow with my own. Is there CSS or JQuery that I can use to replace the server largearrowright.gif with my own when the page is loaded?
Stump the Panel » jQuery for Everyone
Left nav arrow replacement on a publishing site
(4 posts)-
Posted 1 month ago #
-
I'm not sure where that appears, are you using an OOB theme?
Posted 1 month ago # -
Yes, I'm branding a copy of BlueVertical.master. The Left Nav box contains an arrow to let users know it is a flyout, the default is black and the soruce for it is src="/_layouts/images/largearrowright.gif". I'd like to replace the black arrow with a yellow one I created.
Not sure if this can be done with javascripting or what. Obviously I don't want to replace the file on the web server, just make it render my own.
Posted 1 month ago # -
A collegue was able to help me with this. The JQuery is:
$("img[src='/_layouts/images/largearrowright.gif']").attr('src', 'https://MySPURL/Style%20Library/Images/Branded_Images/largearrowright.png');
Posted 1 month ago #
Reply
You must log in to post.