Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

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

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions
 
Thread Tools Search this Thread
  #11  
Old 02-10-2008, 03:08 PM
 
sales@webosusa.com sales@webosusa.com is offline
 

Senior Member
  
Join Date: Nov 2007
Location: Australia
Posts: 118
 

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

Quote:
Originally Posted by DezineJunkie
Is Random Products the same as Dynamic Images?
the script you gave me (the first one) works great, im not sure what is the difference from that one from the one that 7dana Sells? and to Telafirma i did not know there was a WA- i had purchased the 7dana mod- and they refunded- u should let them know about the edit to fix the compatability issue- but what is the dif between the two- Pedro vs 7dana
I think my image files are in a File Folder vs. Server- i know that is the prefered way to have it-
im just using temp images right now and will delete all when im ready to upload my own product.
and thats another story- how to upload a CSV file- or whatever its called

Is Random Products the same as Dynamic Images? NO, NOT THE SAME. I just think that maybe they use a similar parameter.

The big difference between this one hare mine to the 7Dana one is that on their one you cannot link the image in high size to another link because the mouse always get follow by the image and not allow that. And their one show the "Loading" function.

I have one that works similar to the 7Dana one. but is not the same.

Sincerely.... i prefer my because i can link the image and the image does not disappear if the mouse go out the thumbnail.

Any question let me know.
__________________
Pedro
digitalnotions.i2u.shop
shop.modestclassy.com.au4.1.9 X-Cart
X-Cart
Business 5.3.6.0
Multi-vendor 5.3.6.0


Reply With Quote
  #12  
Old 02-11-2008, 09:28 AM
  Zaja's Avatar 
Zaja Zaja is offline
 

X-Adept
  
Join Date: Mar 2004
Location: The Universe is my home
Posts: 420
 

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

Quote:
Originally Posted by DezineJunkie
Is Random Products the same as Dynamic Images?
the script you gave me (the first one) works great, im not sure what is the difference from that one from the one that 7dana Sells?
The biggest difference between this one and 7dana one is that on this one all images are preloaded. Dynamic Preview mod from 7dana will load images dynamically without any preloading. Also, Dynamic Preview mod allows you to dynamically load product title, short description, product SKU, prefix word and Price directly from store index page, category listing page, manufacturers page or search results page....everything configurable through xcart admin area.


Quote:
Originally Posted by sales@webosusa.com
The big difference between this one hare mine to the 7Dana one is that on their one you cannot link the image in high size to another link.
Of course you can, if you really need this possibility for some reason.
__________________
_/ _/ _/ _/ _/ _/ _/ _/ _/

7dana.com
Reply With Quote
  #13  
Old 02-11-2008, 09:49 AM
 
sales@webosusa.com sales@webosusa.com is offline
 

Senior Member
  
Join Date: Nov 2007
Location: Australia
Posts: 118
 

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

Thanks for the info. I did forget that.
__________________
Pedro
digitalnotions.i2u.shop
shop.modestclassy.com.au4.1.9 X-Cart
X-Cart
Business 5.3.6.0
Multi-vendor 5.3.6.0


Reply With Quote
  #14  
Old 02-11-2008, 11:03 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.

Zaja-the workaround script to be compatible with Telafirms mod i have-
can you do the script for me- if so i will rebuy 7dana Dynamic Preview
as Dynamic is better then NOT- goes thruout the site like you said-
post and let me know or PM me and let me know about the workaround
i forgot where i read it-either u posted or someone else

Quote:
Originally Posted by Zaja
The biggest difference between this one and 7dana one is that on this one all images are preloaded. Dynamic Preview mod from 7dana will load images dynamically without any preloading. Also, Dynamic Preview mod allows you to dynamically load product title, short description, product SKU, prefix word and Price directly from store index page, category listing page, manufacturers page or search results page....everything configurable through xcart admin area.


Of course you can, if you really need this possibility for some reason.
__________________
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
  #15  
Old 02-12-2008, 10:25 AM
 
Cankus Cankus is offline
 

Member
  
Join Date: May 2006
Posts: 27
 

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

İf you want real product image on OnMouseOver you can use this link in products_t.tpl

<a class="thumbnail" href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_p age}"><span><img src="image.php?id={$products[product].productid}&type=P" /></span>{include

file="product_thumbnail.tpl" productid=$products[product].productid image_x=$products[product].tmbn_x|default:$config.Appearance.thumbnail_width image_y=$products[product].tmbn_y

product=$products[product].product tmbn_url=$products[product].tmbn_url}</a>

Merih

www.elitmarket.com
__________________
www.elitmarket.com
Pro 4.4.3
Reply With Quote
  #16  
Old 02-12-2008, 12:26 PM
  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
İf you want real product image on OnMouseOver you can use this link in products_t.tpl

<a class="thumbnail" href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_p age}"><span><img src="image.php?id={$products[product].productid}&type=P" /></span>{include

file="product_thumbnail.tpl" productid=$products[product].productid image_x=$products[product].tmbn_x|default:$config.Appearance.thumbnail_width image_y=$products[product].tmbn_y

product=$products[product].product tmbn_url=$products[product].tmbn_url}</a>

Merih

www.elitmarket.com


Thanks Merih
Do i just add this to the temp or does it go before or after anything?
__________________
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
  #17  
Old 02-13-2008, 05:03 AM
 
Cankus Cankus is offline
 

Member
  
Join Date: May 2006
Posts: 27
 

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

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
__________________
www.elitmarket.com
Pro 4.4.3
Reply With Quote
  #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
  #19  
Old 02-24-2008, 09:25 PM
 
intel352 intel352 is offline
 

X-Wizard
  
Join Date: Dec 2005
Posts: 1,071
 

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

Not sure if this is an issue for anyone else, but appears that this doesn't work in IE6, fyi
__________________
-Jon Langevin
WARNING: Unethical developer - NOT RECOMMENDED
See details here
Reply With Quote
  #20  
Old 02-03-2009, 12:06 AM
 
shimmy shimmy is offline
 

Advanced Member
  
Join Date: Jun 2008
Posts: 41
 

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

Is the enlarged image the thumbnail or will it be taken from detailed images?
Thanks in advance for your help
__________________
Shimmy

www.hatsandheadscarves.com
Feedback welcome
shimmy@hatsandheadscarves.com
x-cart version 4.3
one page checkout & buy together mods

Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 08:58 PM.

   

 
X-Cart forums © 2001-2020