...gracias codomodragon, pero lo hice de esta manera voy a compartirlo, voy a marcar con rojo lo que seria que hay que cambiar de acuerdo al diseño:
Quedaría asi:<td width="358" height="181" valign="top"><a href="tu_ventana_popup.html" target="popup" onclick="window.open('', 'popup',
'width=380,height=260,toolbar=false,scrollbars=fal se,top=120,left=180')" ><img src="tu_imagen_link.jpg" width="358" height="181" /></td>
Explico las lineas:<td width="358" height="181" valign="top">
: esto es la celda que contiene todo en mi caso tiene esas medidas 358x181 px
<a href="tu_ventana_popup.html" target="popup" onclick="window.open('', 'popup',
'width=380,height=260,toolbar=false,scrollbars=fal se,top=120,left=180')" >
: esto es el código de la ventana POP-UP, donde width=380,height=260 son las medidas que modificare de acuerdo a mi ventana, en mi caso esas medidas bastan para visualizar lo que quiero mostrar.
<img src="tu_imagen_link.jpg" width="358" height="181" /></td>
: esta ultima linea de códigos es la imagen que tengo como enlace, o sea la que al hacer clic me llevara a la ventanita pop-up, las medidas que aparecen son las de mi caso, pero ustedes seguramente tendrán otras medidas y no hay que modificarlas porque esas medidas las da la propia imagen, ya que son las dimensiones que tiene.
En síntesis cuando quieran hacer esto entran a la vista html con la imagen seleccionada, analizan las lineas y colocan los códigos, espero haber sido claro y útil.