Posted By

rbulgueroni on 10/21/10

Tagged

Versions (?)

Last Edited at 10/21/10 04:24am

Statistics

Viewed 1242 times

Favorited by 1 user(s)

Related snippets

Alterar imagem - hover

/ Published in: jQuery

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<script type="text/javascript">
    $(document).ready(function() {
            $("div.profCores ul li a").hover(function() {
 
            var largePath = $(this).attr("href");
            var largeAlt = $(this).attr("title");
 
            $("#largeImg").attr({ src: largePath, alt: largeAlt });
 
            return false;
        });
 
    });
</script>
 
<img src="img/imgBlank.gif" alt="Santher" id="largeImg" />
<div class="profCores">
<strong>Cores DisponÃƒï¿½Ã‚Âveis:</strong>
  <ul>
    <li><a href="img/imgBlank2.gif" class="btnCor1" onclick="javascript:mudaImg('abrirFoto','img/imgBlank2.gif');">cor 1</a></li>
    <li><a href="img/imgBlank3.gif" class="btnCor2">cor 2</a></li>
    <li><a href="img/imgBlank4.gif" class="btnCor3">cor 3</a></li>
    <li><a href="img/imgBlank5.gif" class="btnCor4">cor 4</a></li>
    <li><a href="img/imgBlank6.gif" class="btnCor5">cor 5</a></li>
  </ul>
</div>