dshiplett
11-02-2008, 08:39 PM
Script Title: Image Thumbnail Viewer II
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm
I am using this script for a portfolio, located at http://www.bestsouth.com/proof2/portfolio.html (http://www.bestsouth.com/proof2/). As you can see, the portfolio is in an iframe. All of the pages are PERFECT except for the "web" section. When you click on the enlarged image, I am trying to get it to link to a new window or tab. I can't get it to do this!! It stays in the iframe no matter what I've tried.
Currently the code looks like this:
**snippet**
<div id="gallery">
<a class="toggleopacity" href="images/portfolio/web/angel-ride.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.angel-ride.com/::_blank;" target="_top"><img src="images/portfolio/web/angelride-thumb.jpg" alt="Angel Ride" border="0"/></a>
<a class="toggleopacity" href="images/portfolio/web/bulldog.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.bulldogsuites.com/::_blank"><img src="images/portfolio/web/bulldog-thumb.jpg" alt="Bulldog Suites" border="0" /></a>
<a class="toggleopacity" href="images/portfolio/web/caar.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.alcaar.com/::_blank"><img src="images/portfolio/web/caar-thumb.jpg" alt="CAAR" border="0" /></a>
<a class="toggleopacity" href="images/portfolio/web/katy.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.katyscatering.com/::_blank"><img src="images/portfolio/web/katy-thumb.jpg" alt="Katy's Catering" border="0" /></a>
<a class="toggleopacity" href="images/portfolio/web/strawberry.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.baldwincountystrawberryfestival.org/::_blank"><img src="images/portfolio/web/strawberry-thumb.jpg" alt="Baldwin County Strawberry Festival" border="0" /></a>
</div>
**end snippet**
I've tried _top, _blank, adding a target="blank" in the <a> tags... I'm not sure what I'm doing wrong. :( Any ideas? Thanks for anyone who looks at this for me, I greatly appreciate it!! :o
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm
I am using this script for a portfolio, located at http://www.bestsouth.com/proof2/portfolio.html (http://www.bestsouth.com/proof2/). As you can see, the portfolio is in an iframe. All of the pages are PERFECT except for the "web" section. When you click on the enlarged image, I am trying to get it to link to a new window or tab. I can't get it to do this!! It stays in the iframe no matter what I've tried.
Currently the code looks like this:
**snippet**
<div id="gallery">
<a class="toggleopacity" href="images/portfolio/web/angel-ride.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.angel-ride.com/::_blank;" target="_top"><img src="images/portfolio/web/angelride-thumb.jpg" alt="Angel Ride" border="0"/></a>
<a class="toggleopacity" href="images/portfolio/web/bulldog.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.bulldogsuites.com/::_blank"><img src="images/portfolio/web/bulldog-thumb.jpg" alt="Bulldog Suites" border="0" /></a>
<a class="toggleopacity" href="images/portfolio/web/caar.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.alcaar.com/::_blank"><img src="images/portfolio/web/caar-thumb.jpg" alt="CAAR" border="0" /></a>
<a class="toggleopacity" href="images/portfolio/web/katy.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.katyscatering.com/::_blank"><img src="images/portfolio/web/katy-thumb.jpg" alt="Katy's Catering" border="0" /></a>
<a class="toggleopacity" href="images/portfolio/web/strawberry.jpg" rel="enlargeimage::mouseover" rev="loadarea::http://www.baldwincountystrawberryfestival.org/::_blank"><img src="images/portfolio/web/strawberry-thumb.jpg" alt="Baldwin County Strawberry Festival" border="0" /></a>
</div>
**end snippet**
I've tried _top, _blank, adding a target="blank" in the <a> tags... I'm not sure what I'm doing wrong. :( Any ideas? Thanks for anyone who looks at this for me, I greatly appreciate it!! :o