[CSS][HTML][JS] Wskazówka/dymek po najechaniu kursorem na obrazek

[matx1007]

Chodzi mi o to abyście pomogli mi przerobić kod HTML i CSS które są poniżej tak aby po najechaniu na zdjęcie pojawiała się wskazówka/ komunikat/churka z jakimś tekstem. W tym kodzie który jest na dole definiuje odnośnik (czyli że po najechaniu na odnośnik wyskakuje chmurka) , a ja poprostu chcę aby nie było żadnego odnościka tylko po najechaniu na zdjęcie/obrazek wyskakiwała ta "chmurka". Głównym celem zmiany tego kodu jest to, że chce umieścić taki obrazek domku i gwiazdki w skrypcie JS do ustawiania strony jako startową i jako ulubioną.
KOD HTML:

Kod:

<p>Podpowiedź <a class="podpowiedz" href="#">w dymku<span>To jest taki sobie dymek :)</span></a>. Bla bla bla jakis tekst.</p>
        <p>A tu inny <a class="podpowiedz" href="#">dymek<span><img src="../demo/PN.png" width="69px" height="69px"></span></a> z obrazkiem w środku.</p>

KOD CSS:

Kod:

body {
    font-family: Arial, Helvetica, sans-serif;
}
a: hover {
    background: #ffffff;
    text-decoration: none;
}
a.podpowiedz span {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 130px;
}
img {
    border: none;
}
a.podpowiedz:hover span{
    display: inline;
    position: absolute;
    margin: 15px 0 0 5px;
    background: #dddddd;
    border: 1px solid #b30000;
    color: #000000;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    text-align: center;
}

A tutaj jest kod JS do ustawinia ulubionej lub starowej:

Kod:

<script type="text/javascript">
// <![CDATA[
var adres = 'adres internetowy';
var tytul = 'Tytuł strony';
var ulubione = 'TUTAJ CHCE ABY SIE WYŚWIETLAŁ OBRAZEK A GDY NA NIEGO NAJEDZIEMY CHMURKA';
var startowa = 'TUTAJ CHCE ABY SIE WYŚWIETLAŁ OBRAZEK A GDY NA NIEGO NAJEDZIEMY CHMURKA';
var szablon = '{ULUBIONE}<br />{STARTOWA}'

if (adres.toLowerCase().indexOf('http://') != 0) adres = 'http://' + adres;
var przegladarka = navigator.userAgent;
var ie_ver = 0;
if (przegladarka.indexOf("MSIE") != -1 && przegladarka.indexOf(") ") == -1) ie_ver = parseInt(przegladarka.substring(przegladarka.indexOf("MSIE")+5));
if (ie_ver >= 4) document.write(szablon.replace(/\{ULUBIONE\}/, '<a href="javascript:void(0)" title="Dodaj stronę do ulubionych" onclick="window.external.addFavorite(\'' + adres + '\', \'' + tytul + '\'); return false" onmouseover="window.status=\'Dodaj stronę do ulubionych\'; return true" onmouseout="window.status=\'\'; return true">' + ulubione + '<'+'/a>').replace(/\{STARTOWA\}/, '<a href="javascript:void(0)" title="Ustaw stronę jako startową" onclick="this.style.behavior=\'url(#default#homepage)\'; this.setHomePage(\'' + adres + '\'); return false" onmouseover="window.status=\'Ustaw stronę jako startową\'; return true" onmouseout="window.status=\'\'; return true">' + startowa + '<'+'/a>'));
// ]]>
</script>

Z GÓRY DZIĘKI ZA POMOC ALE PROSZĘ ROZPISZCIE TO JAKOŚ ŁOPATOLOGICZNIE BO JESTEM CIENKI W TYCH WSZYSTKICH KODACH ;]

[dziamber]

[matx1007]

nic nie rozumiem ;] mógłby ktoś jaśniej to wytłumaczyć???