I would like to add an image to the website just as the ones you see on the portfolio. I managed to get prettyPhoto to work, but I don't know how to add the rollover effect with the magnifying glass like the one you see on the portfolio.

Can you help me?

Thanks

It didn't work.

I've inserted it into the Home page and I've set it with the needed js

<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
	<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

But nothing shows up

Hi,
sorry for a late response.
Here is the code you need to use in order to get this done:

<div class="gallery-list gl_col_4 row"><div class="gallery-item"><div class="gallery-image">
<img src="your image here"  alt="" width="the width you want"
height="the height you want" class="borderImg"/>
<a href="your image here" class="gallery-zoom" rel="prettyPhoto[Gallery]"
title="Todos os modelos são 100% customizáveis. Arraste, altere e remova blocos com o clique do seu mouse no Modo Design. Para os mais experientes, acesso total aos arquivos HTML e CSS para customizar o layout de sua loja online.">
<img src="the way to the image folder/images/icon_zoom.png"
alt="" width="42" height="42" border="0"/></a>
</div></div></div>

Please don't make changes to my theme without my permission.

I didn't like it and now I had to restore a backup to get things working again.