Hey,
all options of the lightbox are listed here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/
I think in this case you can only use "allow_resize: false" to deactivate the resizing function. Open up js/avia.js and replace following line:
elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });
with:
elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, allow_resize: false, overlay_gallery:false, default_width: ww, default_height: wh });
You can also try to remove the default_width/height parameters from this line.
2) You can try to identify mobile browsers with following code.
if (jQuery(window).width() < 768){
jQuery('body').addClass("mobile");
}
I'd add the code to js/avia.js after following line:
jQuery(document).ready(function(){
Then you need to change the lightbox activation code in js/avia.js from:
//activates the prettyphoto lightbox
if(jQuery.fn.avia_activate_lightbox)
jQuery('body').avia_activate_lightbox();
//activates the hover effect for image links
if(jQuery.fn.avia_activate_hover_effect)
jQuery('body').avia_activate_hover_effect();
to:
//activates the prettyphoto lightbox
if(jQuery.fn.avia_activate_lightbox)
jQuery('body').not('mobile').avia_activate_lightbox();
//activates the hover effect for image links
if(jQuery.fn.avia_activate_hover_effect)
jQuery('body').not('mobile').avia_activate_hover_effect();