Afisare text si imagine OnMouseOver pe un text

[adi2ilie]

Ciao, Vin cu o provocare...ma chinui de ceva vreme la un site si m-am impotmolit. (Sunt incepator ) Vreau sa trec cu mouseul pe un text si in acea pagina undeva sa se deschida doua "ferestre"; una distre ele sa-mi arate o poza, iar cealalta text.
Fac acest site in "BlueVoda" un editor/maker. Am reusit la trecerea cu mouse-ul sa-mi arate doar imaginea, insa nu stiu cum sa fac sa vad si textul.
 Vin cu exemplu sa fie mai usor de inteles de ambele parti in caz ca-mi explica cineva :).

Deci in program am adaugat intr-o fereastra "html" urmatorul cod:

<script language="Javascript">
<!--
function ShowPicture(id,Source) {
if (Source=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (Source=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
//-->
</script>
<style type="text/css">
#Style {
position:absolute;
visibility:hidden;
border:solid 1px #CCC;
padding:5px;
}
</style>

In alta fereastra "html" am adaugat alt cod in care se gaseste textul peste care trec cu mouseul:

<a href="#" onMouseOver="ShowPicture('Style',1)" onMouseOut="ShowPicture('Style',0)">SANDWICH</a>

Iar in fereastra "html" unde va aparea imaginea am adaugat urmatorul cod:

<div id="Style"><img src="calea spre poza... poza1.jpg"></div>

Mai vreau sa apara si un alt text undeva in site ... ar trebui sa mai scriu un cod intr-o alta fereastra "html", si in celelalte sa completez eventual cu codul de ID potrivit textului

..Revin.. textul peste care trec cu mouseul este o denumire de mancare "sandwich" , si va aparea poza cu sandwichul, si alaturat (la 2cm) un text cu ce contine acest sandwich.

Multumesc

[gaby]

Ai putea sa le combini, ceva de genul:

http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm
http://internetbrothers.com/dhtml_mouseover.htm
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/