Replacing an image – Userscripts.org <link rel="shortcut icon" href="/images/script_icon.png" type="image/x-icon" /> <link href="http://static.userscripts.org/stylesheets/display.css?1227339158" media="screen" rel="stylesheet" type="text/css" /> <script src="http://static.userscripts.org/javascripts/prototype.js?1227339158" type="text/javascript"></script> <script src="http://static.userscripts.org/javascripts/effects.js?1227339158" type="text/javascript"></script> <script src="http://static.userscripts.org/javascripts/lowpro.js?1227339158" type="text/javascript"></script> <script src="http://static.userscripts.org/javascripts/application.js?1227339158" type="text/javascript"></script> <link href="/topics/2674.rss" rel="alternate" title="Subscribe to 'Replacing an image'" type="application/rss+xml" /> </head> <body> <div id="header"> <ul id="mainmenu"> <li><a href="/articles" rel="nofollow">Blog</a></li> <li><a href="/scripts" rel="nofollow">Scripts</a></li> <li><a href="/forums" rel="nofollow">Forums</a></li> <li><a href="/users" rel="nofollow">People</a></li> <li><a href="/signup" rel="nofollow">Signup</a></li> <li><a href="/login" rel="nofollow">Login</a></li> </ul> <h1><a href="/" title="Userscripts.org"><img alt="Userscripts.org" src="http://static.userscripts.org/images/userscripts.org.png?1227339158" /></a></h1> </div> <div id="container"> <div id="content"> <div class="crumbs"> <a href="/forums">Forums</a> <span class="arrow">→</span> <a href="/forums/2">Ideas and script requests</a> <span class="arrow">→</span> </div> <h1 id="topic-title"> Replacing an image </h1> <p class="subtitle"> <a href="/topics/2674.rss"><img alt="Subscribe to Replacing an image" height="14" src="http://static.userscripts.org/images/feed-icon.png?1227339158" width="14" /></a> 3 posts, 3 voices </p> <a name="posts-10256" id="posts-10256"> </a> <table border="0" cellspacing="0" cellpadding="0" class="posts wide"> <tr class="post hentry " id="10256-row"> <td class="author vcard"> <div class="date"> <a href="#posts-10256" rel="bookmark"> <abbr class="updated" title="2008-06-28T14:00:24-05:00"> Jun 28, 2008 2:00pm </abbr> </a> </div> <img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=af235ccf4ed8ed97b021b7c2d2501e83&rating=PG&size=32&default=identicon" width="32" /> <span class="fn"><a href="/users/57340" class="admin" rel="nofollow">GagleKas</a></span> <span class="role"> User </span> </td> <td class="body entry-content" id="post-body-10256">  <p>Hello!! I have a simple question. How can I replace an image that I have in my computer by one that is in a web site? Both images have the same size (800x141) and name.</p> <p>This is the code. The image's path that is inside the red frame is the image I want to replace.</p> <p><a href="http://img525.imageshack.us/img525/5919/capturaie6.jpg">http://img525.imageshack.us/img525/5919/captura...</a></p> <p>And this is my code:</p> <p><a href="http://img365.imageshack.us/img365/2296/capturaae0.jpg">http://img365.imageshack.us/img365/2296/captura...</a></p> <p>But it's not correct. Any ideas?</p> <p>Thanks for helping ;).</p> </td> </tr> <tr class="spacer"> <td colspan="2"> <a name="posts-10257" id="posts-10257"> </a> </td> </tr> <tr class="post hentry " id="10257-row"> <td class="author vcard"> <div class="date"> <a href="#posts-10257" rel="bookmark"> <abbr class="updated" title="2008-06-28T14:57:55-05:00"> Jun 28, 2008 2:57pm </abbr> </a> </div> <img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=cfc5b53cef5c1a0351109a83d3c9e00d&rating=PG&size=32&default=identicon" width="32" /> <span class="fn"><a href="/users/4093" rel="nofollow">Jordon Kalilich</a></span> <span class="role"> Scriptwright </span> </td> <td class="body entry-content" id="post-body-10257">  <p>The source (src) of the frame might be expressed in the HTML with a relative path (vendetta/img/header_bg.jpg), but the actual "src" property, as determined by the web page, is always a full URL. So it's either a full path to a web page on a server (e.g. <a href="http://www.example.com/vendetta/img/header_bg.jpg">http://www.example.com/vendetta/img/header_bg.jpg</a>) or an absolute path on your own computer (e.g. file:///C:/vendetta/img/header_bg.jpg).</p> </td> </tr> <tr class="spacer"> <td colspan="2"> <a name="posts-10308" id="posts-10308"> </a> </td> </tr> <tr class="post hentry " id="10308-row"> <td class="author vcard"> <div class="date"> <a href="#posts-10308" rel="bookmark"> <abbr class="updated" title="2008-07-01T14:24:25-05:00"> Jul 1, 2008 2:24pm </abbr> </a> </div> <img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=0a2a23fa34b8c82512c6670717156b76&rating=PG&size=32&default=identicon" width="32" /> <span class="fn"><a href="/users/56750" rel="nofollow">lucideer</a></span> <span class="role"> Scriptwright </span> </td> <td class="body entry-content" id="post-body-10308">  <p>either one of these worked for me: <br /><pre> //the DOM way: var allframe=document.getElementsByTagName('frame'); for(var i=0,ii=allframe.length;i<ii;i++) { var header=allframe[i]; if(header.getAttribute('src').indexOf('vendetta/img/header_bg.jpg')!=-1) { header.setAttribute('src','http://img294.imageshack.us/img294/2775/headerbgce1.jpg'); } } //or.... if you're xpath inclined: var allframe=document.evaluate('//frame',document,null,XPathResult.ANY_TYPE,null); header=allframe.iterateNext(); while(header) { if(header.getAttribute('src').indexOf('vendetta/img/header_bg.jpg')!=-1) { header.setAttribute('src','http://img294.imageshack.us/img294/2775/headerbgce1.jpg'); } }</pre></p> </td> </tr> </table> </div> <div id="right"> <form action="/posts/search" class="search" method="get"><p><label for="q" id="q_label">Search all posts</label><input id="q" name="q" type="text" /></p></form> <h5>Voices</h5> <a href="/users/57340" rel="nofollow" title="GagleKas"><img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=af235ccf4ed8ed97b021b7c2d2501e83&rating=PG&size=32&default=identicon" width="32" /></a></li> <a href="/users/4093" rel="nofollow" title="Jordon Kalilich"><img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=cfc5b53cef5c1a0351109a83d3c9e00d&rating=PG&size=32&default=identicon" width="32" /></a></li> <a href="/users/56750" rel="nofollow" title="lucideer"><img alt="" class="photo" height="32" src="http://www.gravatar.com/avatar.php?gravatar_id=0a2a23fa34b8c82512c6670717156b76&rating=PG&size=32&default=identicon" width="32" /></a></li> <h5>Sponsored links</h5> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> </div> <script type="text/javascript"> //<![CDATA[ if ($('q')) { $('q_label').hide(); Event.observe('q', 'focus', function(e) { if (this.value == $('q_label').innerHTML) { this.value = ""; this.style.color = null; } }); function q_show_label(e) { if (this.value == "" || this.value == $('q_label').innerHTML) { this.value = $('q_label').innerHTML; this.style.color = "#888"; } } Event.observe('q', 'blur', q_show_label); q_show_label.call($('q')); // Event.trigger didn't work } //]]> </script> <br style="clear:both;" /> </div> <div id="footer"> <p> <strong class="disclaim">Because it's your web.</strong> <em class="credit">A <a href="http://tr.emendo.us" rel="nofollow">tremendous</a> project with the help from our <a href="/users/contributers" rel="nofollow">friends</a>.</em> </p> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uacct = "UA-50927-4"; urchinTracker(); </script> <script type="text/javascript" src="/mint/?js"></script> <script type="text/javascript"> _qoptions={ qacct:"p-6eWjYgYdo7Su6" }; </script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <noscript><img src="http://pixel.quantserve.com/pixel/p-6eWjYgYdo7Su6.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></noscript> <script src="http://userscripts.uservoice.com/widgets/tab.js?alignment=right&color=f18705" type="text/javascript"></script> </body> <script type="text/javascript"></script> </html>