Mouse Over to Enlarge Graphics

General ShopSite user discussion

Mouse Over to Enlarge Graphics

Postby GiftSpecialists » Mon Apr 28, 2008 2:40 pm

I was curious if anyone had any idea how I would get a product image to enlarge when it is moused over with specific dimensions as to how big it would be. I am having a hard time figuring out how I would apply this through Shopsite when there are tags [more information graphic].
Last edited by GiftSpecialists on Tue May 06, 2008 8:13 am, edited 1 time in total.
GiftSpecialists
 
Posts: 130
Joined: Thu Aug 17, 2006 7:20 am
Location: Modesto, California

Postby Gary » Mon Apr 28, 2008 3:09 pm

You might consider Light Box at http://www.huddletogether.com/projects/lightbox2/. We have not implemented it yet because we have many images that need to be resized to allow this to be a benefit.
Gary
 
Posts: 19
Joined: Fri Aug 04, 2006 5:46 pm
Location: Oregon

Postby GiftSpecialists » Mon Apr 28, 2008 3:31 pm

Gary,

Thanks for the idea. I was actually looking into light boxes, but after asking the opinion of co-workers they preferred to have a simple mouse over. I actually decided on code to use a little bit ago, I am just not sure how to apply it to Shopsite if images are represented by a tag. The one I have comes down to this:

<a class="expand" href="#expand"><img src="break-time-lg.jpg" border="0" /><span><img src="break-time-xlg.jpg" /</span></a>

Those are the actual .jpgs I tested out in a demo using dreamweaver of one of our products. Our Shopsite custom page template for products on the other hand uses the tag [--PRODUCT.MoreInformationGraphic --]. I am not sure how I would use this with that code?
Last edited by GiftSpecialists on Tue May 06, 2008 8:13 am, edited 1 time in total.
GiftSpecialists
 
Posts: 130
Joined: Thu Aug 17, 2006 7:20 am
Location: Modesto, California

Postby Jim » Mon Apr 28, 2008 8:25 pm

have you tried the tags that just return the image name.
[-- image product.graphic --]
[-- IMAGE Product.MoreInformationGraphic --]

Just use them in the place where you need the image name

<a class="expand" href="#expand"><img src="[-- image product.graphic --]" border="0" /><span><img src="[-- IMAGE Product.MoreInformationGraphic --]" /</span></a>
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby dZi » Thu May 01, 2008 7:14 am

Jim, you never fail to enlighten us with the illusive obvious....
dZi
 
Posts: 96
Joined: Wed Feb 20, 2008 1:10 pm

Postby GiftSpecialists » Tue May 06, 2008 8:20 am

Jim,

Thank you! You cleared up something for me. I tried to do that before, but it did not work so I did not think I originally had the right idea doing that. I now see why it was not working. I left a piece out of some code that caused it not to display.

Greatly appreciate your time. :)
GiftSpecialists
 
Posts: 130
Joined: Thu Aug 17, 2006 7:20 am
Location: Modesto, California


Return to User Forum

Who is online

Users browsing this forum: No registered users and 154 guests