Acoplar una imagen a un script

MadHatter
29 de Abril del 2008
Verán, la idea consiste en lo siguiente:

mediante un script permito a mi blog hacer búsquedas aleatorias, el problema es que me gustaría acoplar una imagen, a modo de botón, para facilitar visualmente esta opción a los usuarios. Resulta muy poco llamativo tener en la sidebar, junto a toda la basura, una pequeña frase. Para facilitaros la ayuda os pego el script:

<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; window.location = entry.link[0].href;} function fetchLuck(luck){ script = document.createElement(\'script\'); script.src = \'/feeds/posts/summary?start-index=\'+luck+\'&max-results=1&alt=json-in-script&callback=showLucky\'; script.type = \'text/javascript\'; document.getElementsByTagName(\'head\')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement(\'a\'); a.href = \'#random\'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = \'Aleatorio\'; document.getElementById(\'myLuckyPost\').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>