I know this an old topic, but I'd like to do the same thing with my control panel.
Now I remember a script I've used in the past, to change images on a profile site (like MySpace), to other images, and it worked perfectly. However, when I try and use it as the banner HTML in my CP, I find it only changes images after the script, and not ones before (I think) - looking at the source of the page will show this.
For example, try the below in your CP banner HTML;
<script type="text/javascript">
for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head1_lb_w.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>
<script type="text/javascript">
for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head1_lb_n.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>
<script type="text/javascript">
for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head2_tile.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>
<script type="text/javascript">
for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head3_hs.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>
<script type="text/javascript">
for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/spacer.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>
<script type="text/javascript">
for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head1_tile.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>
<script type="text/javascript">
for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head2_bb.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>
<script type="text/javascript">
for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head3_tile.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>
<script type="text/javascript">
for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head3_b.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>
Give it a second of so, as the example image I've used is a large red background from a Google search. Now you'll find the above changes some of the images in the banner, but not all of them.
If anyone can see how we can change this to replace any image on the page, that would be excellent - possibly using CSS etc to replace?