Hola, estoy desarrollandome una web sobre mis trabajos y me he topado con un problema que con mis limitadisimos conociemientos no puedo solucionar:
tengo una serie de thumbnails/boton que al pulsarlos abren un facebox con una imagen en grande, el otro dia quise que los thumbnails tuvieran un rollover y le añadi una imagen de sustitucion mediante el dreamweaber pero me cargue el facebox.

Este codigo me funcionaba pero la imagen era fija:

Código :

<li class="editorial" id="1">
<span class="hotspot" onmouseover="tooltip.show('<b>Diccionario de Falacias</b><br>Proyecto final de carrera');" 
onmouseout="tooltip.hide();">
<a href="images/portfolio1_big.jpg" rel="facebox">
<img src="images/portfolio1.jpg" height="70" width="230" alt="Diccionario de Falacias"/>
</a>
</span>
</li>


En este me funcionaba el rollover pero me cargue el facebox:

Código :

<li class="identidad">
<span class="hotspot" onmouseover="tooltip.show('<b>Cárniques La Vall</b><br>Tarjetas para comercial y<br>distribuidor de carnes selectas');" onmouseout="tooltip.hide();">
<a href="images/portfolio2_big.jpg" rel="facebox"></a>
<a href="images/portfolio2_big.jpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/portfolio2.jpg',1)">
<img src="images/portfolio2black.jpg" name="Image2" width="232" height="70" border="0" id="Image2" />
</a>
</span>
</li>


Esta es mi web por si sirve de algo pero ahora mismo el facebox no funciona, la subi con el rollover para ver como quedaba graficamente.

Lo he intentado con el css, pero ya os digo que voy muy justito, si me pudierais ayudar os lo agradeceria mucho.