I have a site that has defined an additional image that is 250 by 600 pixels. In the Uvumi Gallery, the thumbs appear ok but when zooming the large image is cut off. How do I make the zoom window large enough to contain this image?
You can see what is happening at http://ac7.serenecomfort.com/Shadowline-Test-P50C7.aspx. Click on more images then mouse over the last image on the right.
Large images in Uvumi Gallery
- mfreeze
- Commodore (COMO)
- Posts: 421
- Joined: Mon Jan 24, 2005 2:07 pm
- Location: Washington, NJ
- Contact:
Large images in Uvumi Gallery
Mary E Freeze
Freeze Frame Graphics
Web Hosting and Design, ASP and CFMX Development
http://www.ffgraphics.com
Freeze Frame Graphics
Web Hosting and Design, ASP and CFMX Development
http://www.ffgraphics.com
Re: Large images in Uvumi Gallery
Gallery I think has 520px X 750px image size setting. I suspect that actual size of additional image is small may be they re sized the image to less size. Make sure that attached additional images are of proper size.
- mfreeze
- Commodore (COMO)
- Posts: 421
- Joined: Mon Jan 24, 2005 2:07 pm
- Location: Washington, NJ
- Contact:
Re: Large images in Uvumi Gallery
If I right click on the image the size is right and if I click on the thumbnail everything is ok. It is only the zoon feature that has a problem and it looks like the image is too large to fit within the borders of the black section in the window.
Mary E Freeze
Freeze Frame Graphics
Web Hosting and Design, ASP and CFMX Development
http://www.ffgraphics.com
Freeze Frame Graphics
Web Hosting and Design, ASP and CFMX Development
http://www.ffgraphics.com
Re: Large images in Uvumi Gallery
Edit Website/ProductImages.aspx page and check following code part
I think you need something there to set style for your zoom.
Code: Select all
<style type="text/css">
img{border:0}
div.progress-bar{border:1px solid #fff; background-color:#000}
div.missing-thumbnail{background:#333 url('images/redx.gif') center center no-repeat; cursor:pointer; border:1px solid #bbb}
div.error-message{color:#bbb; font-size:1.2em; margin-top:-0.6em; position:relative; text-align:center}
div.caption{background-color:#000; color:#fff}
div.caption a{color:#fff}
body, html{background-color:#333; margin:0; padding:0; font-family:Trebuchet MS,Helvetica,sans-serif}
#gallery{margin:20px auto; height:520px; width:750px; position:relative; color:#aaa; padding:20px; overflow:hidden; border:1px solid #888; background-color:#000}
</style>
Re: Large images in Uvumi Gallery
Is there a way to bypass that first step when the gallery page first loads (ProductImages.aspx)? When it displays the thumbs of all of the images and the user hovers over an image that has a larger full-size image, it zooms way too far. I'd prefer to see the view where the user has the thumbs in the sidebar with the selected image highlighted and others are dimmed with the selected image full-size.