如何在点击时放大iframe中的图像？

Question

我不知道在iframe中放大图片的最佳方法。这是我的代码。

 <table id="offer">
 <tbody>
 <tr>
<td class="frame"><iframe id="content1" name="content1" src="/uploads/images/1.jpg"    scrolling="no" frameborder="0"></iframe></td>
<td class="o1">
<div class="p2"><a href="/uploads/images/1.jpg" target="content1"><img src="/uploads/images/1.jpg" alt="" width="320" height="173" /></a></div>
</td>
<td class="o2">
<div class="p3"><a href="/uploads/images/2.jpg" target="content1"><img src="/uploads/images/2.jpg" alt="" /></a></div>
</td>
<td class="o3">
<div class="p4"><a href="/uploads/images/3.jpg" target="content1"><img src="/uploads/images/3.jpg" alt="" /></a></div>
</td>
</tr>
</tbody>
</table>

现在它的工作方式如下：当我点击较小的图像（类p1，p2，p3）时，它会将此图像加载到iframe中。 但第二步，我不能做的是通过点击放大这个加载的图像。 有一个简单的方法吗？请帮助。