[CSS][HTML][JavaScript] Powiększanie zdjęć. Opcje

[patryk9200]

Cześć,
Czy zna ktoś może jakiś skrypt bądź pomoże mi napisać który powodował by, ze po najechaniu na zdjęcie pokazywało by się w nowym okienku ale nie typu POP-UP tylko w formie np. div'a który sie wyświetla nad zawartością. Da sie takie coś zrobić w CSS?
A jeśli nie to jak moge wykonać coś podobnego używając tego w mniej więcej taki sposób:

[HTML] pobierz, plaintext 
<img src="gg.jpg" id="zdjecie" onmouseover="Powieksz('BIG_gg.jpg');">
[HTML] pobierz, plaintext 

Mniej więcej, żeby tak taki div wyglądał. Chciałbym również, żeby gdy "zjadę " myszką z powiększonego obrazka on automatycznie znikał.
Jak to "opakować" w JavaScript?

[HTML] pobierz, plaintext 
< id="powieksz" style="border: 0px; index: 10;"><img src="" style="width: 500px; height: 370px;"></div>
[HTML] pobierz, plaintext 

Ten post edytował patryk9200 10.08.2009, 23:29:27

[patryk9200]

dobra znalazłem coś lepszego i prostego potrzebuję tylko lekkiej modyfikacji.
Na stroni http://forum.php.pl/index.php?showtopic=12...mp;#entry646827 znajduje się artykuł jak stworzyć dymek,
chciałbym tylko żeby ten dymek działał nie na znacznikach <a> tylko na dowolnych których atrybut name ma nazwę powieksz, i żeby zamiast pobierać dane z atrybutu title to pobierał z src i wstawiał go w kod tak żeby się zdjecie wyświetlało.

[HTML] pobierz, plaintext 
  
 <!&#8211; <![CDATA[[*] /***************[*] Copyright (c) 2004 Tomasz Elendt- Eluś[*] this script is free for non-commercial use[*] ***************/[*] function tooltip(d,E,b,i,a){[*] d=document;E=d.documentElement;b=d.body;if(!E)return;[*] for(i=0;a=b.getElementsByTagName("a")[i];i++){[*] if(a.title){[*] with(a.t=d.createElement("div")){[*] id="tooltip"[*] innerHTML=a.title.replace(/|/g,"
 ")[*] }[*] a.onmouseover=function(e){[*] with(this){title="";onmousemove(e)}[*] b.appendChild(this.t)[*] }[*] a.onmouseout=function(x){[*] with(this){title=t.innerHTML.replace(/<br />/g,"|")}
 if(x=d.getElementById("tooltip"))b.removeChild(x)
 }
 a.onmousemove=function(e){
 e=e||event;with(this.t.style){
 left=e.clientX+(E.scrollLeft||b.scrollLeft)+"px"
 top=e.clientY+(E.scrollTop||b.scrollTop)+"px"
 }
 }
 }
 }
 }
 function addEvent(O,E,F,x){
 return(x=O.addEventListener)?x(E,F,1):(x=O.attachEvent)?x('on'+E,F):!1
 }
 addEvent(window,'load',tooltip);
 // ]]> –>
  
[HTML] pobierz, plaintext