View Single Post
  #18  
Old 02-13-2008, 08:59 AM
  DezineJunkie's Avatar 
DezineJunkie DezineJunkie is offline
 

Senior Member
  
Join Date: Jan 2008
Posts: 174
 

Default Re: PopUp Image Viewer with CSS code. OnMouseOver view the thumbnail maximized.

Quote:
Originally Posted by Cankus
Hi,

Before thanks to Pedro for this mod, http://forum.x-cart.com/showthread.php?t=36719 ,

i changed only step 3
Find
<span><img src="{$products[product].tmbn_url}" /></span>
Replace
<span><img src="image.php?id={$products[product].productid}&type=P" /></span>

Merih


thanks Merih for providing the back links as well-
i had to go back and retrace my steps and that made it very easy.
I have a question, my images (mouseover) was working perfectly then for some reason it stoped. i did switch from 3 column products to one- mades some mod intstalls but dont think that is the issue. my product images have a hot link box around them, when mouse over it changes color- its as if the whole pic became a link, instead of enlarging image, any idea what to look for error code?


here is the css
<style type="text/css">

/*Credits: WEBOS USA */
/*URL: http://www.webosusa.com */
/*Credits: DIGITAL NOTIONS */
/*URL: http://www.digitalnotions.biz */
/*Credits: WEBOS BRASIL */
/*URL: http://www.webosbrasil.com */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #transparent;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: transparent;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 250px; /*position where enlarged image should offset horizontally */

}
__________________
X-CART Pro V.4.3.0
PHP version 5.2.11
MySQL version 5.0.81
Architecture x86_64
Apache version 2.2.14 (Unix)mod_ssl/2.2.14
Operating System: Linux
Dedicated Ip
cPanel Pro 1.0 (RC1)
cPanel Version 11.24.5-RELEASE
Modules: DL Expander, DL Products, One Page Checkout, Dynamic Images,
Multicolumn Recommends, Narrow by Search, Random Products Tabs.
X-AOM, SALES-N-STATS 1.3 , X-Offers-4.1.9, X-Magnifier41x, X-Fancy Categories,
X-RSS Feeds, Static Meta Tags , X-AJAX Rating System v4.1


Reply With Quote