Jump to content

[SOLVED] jqzoom box resize help please


Recommended Posts

Hi,

 

I am using jqzoom. The default window size that open is 200px X 200px. I want to change the size to 350px x 350px.

 

1) I changed the jqzoom.css file with the sizes and the jquery.jqzoom.js file sizes but it still don't work

 

Any help would be much appreciated.

 

========================

css file

========================

 

div.zoomdiv {

z-index : 100;

position : absolute;

top:0px;

left:0px;

width : 350px;

height : 350px;

background: #ffffff;

border:1px solid #CCCCCC;

display:none;

text-align: center;

overflow: hidden;

}

img.jqzoom{

cursor:crosshair;

position:relative;

 

}

 

==============================================

jquery.jqzoom.js file

==============================================

 

 

(function($) {

$.fn.jqueryzoom = function(options) {

var settings = {

xzoom: 200, //zoomed width default width

yzoom: 200, //zoomed div default width

offset: 10, //zoomed div default offset

position: "right" //zoomed div default position,offset position is to the right of the image

};

Link to comment
Share on other sites

Hi,

Thank you for this info but can you explain a bit clearer what to edit as I don't find anything to change. I presume this is the script section you talk about

 

========================================================

//update display of the large image

function displayImage(domAAroundImgThumb)

{

if (domAAroundImgThumb.attr('href'))

{

var newSrc = domAAroundImgThumb.attr('href').replace('thickbox','large');

if ($('#bigpic').attr('src') != newSrc)

{

$('#bigpic').fadeOut('fast', function(){

$(this).attr('src', newSrc).show();

if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)

$(this).attr('alt', domAAroundImgThumb.attr('href'));

});

}

$('#views_block li a').removeClass('shown');

$(domAAroundImgThumb).addClass('shown');

}

}

=====================================================================

 

Go to product.js, search for:

if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)

 

And edit values of width and height

Link to comment
Share on other sites

Ok found the correct place if anybody ever need this info

 

It is in the products.js file towards the end. Remember that this file is in the theme folder that you are using.

================================================================

//set jqZoom parameters if needed

if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)

{

$('img.jqzoom').jqueryzoom({

xzoom: 350, //zooming div default width(default width value is 200)

yzoom: 350, //zooming div default width(default height value is 200)

offset: 21 //zooming div default offset(default offset value is 10)

//position: "right" //zooming div position(default position value is "right")

 

===================================================================

  • Like 2
Link to comment
Share on other sites

Ok found the correct place if anybody ever need this info

 

It is in the products.js file towards the end

 

//set jqZoom parameters if needed

if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)

{

$('img.jqzoom').jqueryzoom({

xzoom: 350, //zooming div default width(default width value is 200)

yzoom: 350, //zooming div default width(default height value is 200)

offset: 21 //zooming div default offset(default offset value is 10)

//position: "right" //zooming div position(default position value is "right")

 

Hi winsbout,

Did that fix your issue? If so, I will mark it as solved for you so that other people who may have trouble with this in the future can find your solution.

 

-Mike

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...