• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 512
  • Last Modified:

SimpleViewer Wordpress Plugin - Need to stop resizing window dynamically

Hello,
I need the images in simpleviewer to display at their full, original size.  Right now they get scaled down when the window is resized.  My client wants the images to display full size, even if that means the end user has to scroll.
I looked in the professional settings and didn't see anything that worked.  Fixed layout doesnt work, cropping doesnt work.
Here is the link so you can see what I am referring to:  http://www.phoenixdigitalweb.com/Concep … rk/people/
Thank you!!!!!
0
RiemenDesign
Asked:
RiemenDesign
  • 3
  • 2
1 Solution
 
R-ByterCommented:
Its not a problem of the Wordpress plugin itself but rather the options you need to set for fancybox jquery part. That being said, here is how you can do it. In your document.ready part:

$(document).ready(function() { 
...

Open in new window


Find this line:

$("a#example4").fancybox(); 

Open in new window


And replace it with this for example:

$("a#example4").fancybox({
    'autoDimensions': false,
    'padding'       : 0,
    'width'         : 820,
    'height'        : 520,
    'autoScale'     : false,
    'type'          : 'iframe'
});

Open in new window


You can of course set the paramaters as you want.

Regards
0
 
RiemenDesignAuthor Commented:
But I need the height to be auto, so it will adjust automatically.
0
 
R-ByterCommented:
Put auto to height property.

'height'        : auto,

Open in new window


Im trying that with this page at your site:

http://www.phoenixdigitalweb.com/portfolio.php

You need to give me exact link with the problem since link in your question is not complete.

Regards
0
 
RiemenDesignAuthor Commented:
0
 
R-ByterCommented:
It seems that page isnt working properly, distorted display viewed in Firefox and Chrome.
I see that you're using prettyPhoto in your code.
To disable resize for prettyPhoto you need to replace this:

$(document).ready(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto({theme:'light_square'});
		});

Open in new window


with this:

$(document).ready(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto({theme:'light_square', allow_resize: false});
		});

Open in new window


Regards
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now