Default Mobile Theme - can the pics have a minimum width?

marthajane77

Hi folks,

Thanks for all the hard work you have already put in for me, and no doubt many others too.

Please could someone help me with the following issue I am having?
I am using Vanilla 2.0.18.1 and am also using the default mobile theme.

I have already found a way of removing the 'Click to Resize' images option
(see here: http://vanillaforums.org/discussion/comment/170032/#Comment_170032)

But what I need to do now is to set the default image size within the message content to the minimum mobile browser screen (eg. 150px wide) so there is no need for scrolling across the image. (I am using Image Upload plugin)

Also, I have installed a JQuery into the ImageUpload plugin (which rotates uploaded images 90deg per mouse click -
see here: http://vanillaforums.org/discussion/comment/193051/#Comment_193051 - many thanks @peregrine)

Basically, I want users to only view images within the best fit possible - no option to resize, not opening in different window, just viewing within the page and rotating if it is uploaded with incorrect orientation (which seems to be a common problem among Android image capture, according to Google).
But i do need mobile defaults to differ from the desktop defaults.

Sorry for going on a bit, I just wanted to provide as much info as I could.

Thanks,
Lisa.

peregrine

re: http://vanillaforums.org/discussion/comment/193249/#Comment_193249

you might try getting rid of the code you added in global.js and see if you get the result you want with

V' s http://vanillaforums.org/addon/controllsize-plugin

hard to find because it has two l's in control

and modify the scm.css for the mobile width you want.

might work

I think you want max-width

but you can find a windows width with js and set max-width accordingly with .css()

http://stackoverflow.com/questions/2596594/jquery-window-width-and-window-height-return-different-values-when-vie

http://www.surfingsuccess.com/jquery/window-width.html

http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=7&cad=rja&ved=0CF0QFjAG&url=http://designedbythomas.co.uk/blog/how-detect-width-web-browser-using-jquery

marthajane77

Thanks @peregrine
You are correct about the max-width! I'm so glad YOU know what you're doing, because I sure as heck don't!

marthajane77

@peregrine, the plugin works perfectly, as is! I don't need to modify, change, query, etc.
Thanks again! And thanks @vrijvlinder for another awesome plugin!