How do I prevent an image from the last view showing up in the current one?
<p>I am using jQuery to cycle through a series of images in Fancybox popup window here: <a href="http://ee.rouviere.com/web/portfolio" rel="nofollow">http://ee.rouviere.com/web/portfolio</a></p>

<p>To see what is happening, click on any one of the thumbnail images. Inside the popup window click on a thumbnail to the left and it shows a larger view of that same image to the right. This all works fine. However, when you close out that window and open another one, the last large image still shows in the new window until you click on another thumbnail.</p>

<p>I need to find a way to "clear the cache" from the last window when a new window loads.</p>

<p>Here is the html for this section:</p>

<pre><code>&lt;div class="portfolio_popup_thumb"&gt;
        &lt;a class="image-preview" href="#portfolio-frame-544"&gt;&lt;img src="http://ee.rouviere.com/images/uploads/webPortFEC_thumb.jpg" alt="photo" /&gt;&lt;/a&gt;

        &lt;p&gt;Family Eye Care of Apex&lt;/p&gt;
&lt;/div&gt;

&lt;div style="display:none;"&gt;
    &lt;div id="portfolio-frame-544"&gt;
    &lt;div class="frame"&gt;
        &lt;div class="preview"&gt;
            &lt;img class="photo_large" src="http://ee.rouviere.com/_photos/Family-Eye-Care-of-Apex-home-large.jpg" alt="Family Eye Care of Apex" /&gt;
        &lt;/div&gt;

        &lt;div class="viewer"&gt;
            &lt;div class="thumbs"&gt;
                &lt;div class="thumb1"&gt;
                    &lt;a href="http://ee.rouviere.com/_photos/Family-Eye-Care-of-Apex-home-large.jpg" title="For Family Eye Care of Apex in Apex, North Carolina, we built a content management site that can be updated as new services are added and the company has expanded. The doctors in this practice wanted patients to have an easy on-line way to get information about specific eye conditions such as cataracts and low vision. The site also includes the capability to download patient forms, order contacts and glasses on-line, make on-line payments and schedule appointments. The site has google maps to the office location, google search within the site and search engine optimization. "&gt;&lt;img src="http://ee.rouviere.com/_photos/Family-Eye-Care-of-Apex-home-portthumb.jpg" alt="Family Eye Care of Apex" class="web-port" /&gt;&lt;/a&gt;
                &lt;/div&gt;
                                                    &lt;div class="thumb2"&gt;
                    &lt;a href="http://ee.rouviere.com/_photos/Family-Eye-Care-of-Apex-exams-large.jpg" title="Family Eye Care of Apex also wanted patients to know what to expect before they have an eye exam. We created this slide show to walk them through the procedure. "&gt;&lt;img src="http://ee.rouviere.com/_photos/Family-Eye-Care-of-Apex_portthumb.jpg" alt="Family Eye Care of Apex" class="web-port" /&gt;&lt;/a&gt;
                &lt;/div&gt;
                                                                                        &lt;div class="thumb3"&gt;

                    &lt;a href="http://ee.rouviere.com/_photos/Family-Eye-Care-items-montage.jpg" title="We also have designed a large number of other items for Family Eye Care of Apex, including business and appointment scheduling cards, brochures, magazine and web banner ads, coupons and flyers. "&gt;&lt;img src="http://ee.rouviere.com/_photos/Family-Eye-Care-brochure-portthumb.jpg" alt="Family Eye Care of Apex" class="web-port" /&gt;&lt;/a&gt;
                &lt;/div&gt;
                                                    &lt;div class="thumb4"&gt;
                                                        &lt;p&gt;Visit the website:&lt;/p&gt;
                    &lt;p class="site-url"&gt;&lt;a href="http://www.familyeyecareofapex.com"&gt;http://www.familyeyecareofapex.com&lt;/a&gt;&lt;/p&gt;

                &lt;/div&gt;

            &lt;/div&gt;&lt;!-- end thumbs --&gt;
            &lt;div class="info-box"&gt;

                &lt;p class="caption1"&gt;For Family Eye Care of Apex in Apex, North Carolina, we built a content management site that can be updated as new services are added and the company has expanded. The doctors in this practice wanted patients to have an easy on-line way to get information about specific eye conditions such as cataracts and low vision. The site also includes the capability to download patient forms, order contacts and glasses on-line, make on-line payments and schedule appointments. The site has google maps to the office location, google search within the site and search engine optimization. &lt;/p&gt;
            &lt;/div&gt;
            &lt;/div&gt;&lt;!-- end frame --&gt;
         &lt;/div&gt;&lt;!-- end portfolio frame --&gt;
    &lt;/div&gt;&lt;!-- end viewer --&gt; 
&lt;/div&gt;
</code></pre>

<p>Here is the jQuery that drives the image swap out:</p>

<pre><code> $("a:has(img.web-port)").click(function() {
    var largePath = $(this).attr("href");
    var caption = $(this).attr("title");
    $(".photo_large").attr({ src: largePath});
    $(".caption1").text(caption);
    return false;
  });
</code></pre>

<p>Any help is appreciated.</p>

<p>Thanks!</p>
