|<img onmouseover| NÃO FUNCIONA NO CHROME

[Vitor Coelho 0]

Boa tarde pessoal, olhei uns 6 fóruns e não encontrei nada sobre onmouseover.

Estou com uma galeria de imagens simples no meu site (qd vc passa o mouse na miniatura, ela abre no preview), roda perfeitamente em firefox(original, ice dragon etc...), IE 6,7,8 tbm. Mas no chrome e derivados ele aparece todas as imagens mas nao muda quando o usuario passa o mouse.

cod html:

<div id='ultimas-img'>
				<div class="gallery" align="center">
				<div class="thumbnails">
					<div class="preview" align="center">
<img id="preview" src="http://i.imgur.com/FnvOXHV.jpg" alt="vempraruacriciumaPREVIEW"/>
					</div>
<img onmouseover="preview.src=img1.src" id="img1" src="http://i.imgur.com/xNSSF8v.jpg" alt="img 1"/>
<img onmouseover="preview.src=img2.src" id="img2" src="http://i.imgur.com/FnvOXHV.jpg" alt="img 2"/>
<img onmouseover="preview.src=img3.src" id="img3" src="http://i.imgur.com/WHJQ02N.jpg" alt="img 3"/>
<img onmouseover="preview.src=img4.src" id="img4" src="http://i.imgur.com/6x0B195.jpg" alt="img 4"/>
<img onmouseover="preview.src=img5.src" id="img5" src="http://i.imgur.com/ar4dUjQ.jpg" alt="img 5"/>
<img onmouseover="preview.src=img6.src" id="img6" src="http://i.imgur.com/SOAMiDa.jpg" alt="img 6"/>
				</div><br/>
				<br/></div>
            </div>

CSS:

#corpo #imagens #ultimas-img {margin-top: 20px; background:#999; height:440px;}
h3 {color: #eee;font-family: Verdana;}
.thumbnails img {height: 80px;border: 4px solid #555;padding: 1px;margin: 0 10px 10px 0;}
.thumbnails img:hover {border: 4px solid #00ccff;cursor:pointer;}
.preview img {border: 4px solid #444;padding: 1px;height: 300px;}

Se puderem me ajudar, agradeço muito.

[diogoand1 7]

Porque vc não faz o hover apenas com css, em questão de semântica vai sair ganhando e muito.

[William Bruno 1501]

<img onmouseover="document.getElementById('preview').src = 'img1.src';" id="img1" src="http://i.imgur.com/xNSSF8v.jpg" alt="img 1"/>