Hallo im working with dropzone.js and everthing is working fine i just cant figure out why my spritemap doesnt want to fit on my browser when i reduce the size like on the officiel dropzone page.
Official site http://www.dropzonejs.com
My site
maybe you got some ideas to help me.
You did not have a media query set in your css file to handle lower viewport widths, so the content didn't resize.
Related
I am using Master Slider In my Wordpress site.When resize browser window manually slider is working fine but when I test it with my mobile images didnt load generally, I only see loader image.I tried to be sure that all divs are streched with their parent and all is ok but images didnt load on mobile devices.
How can I fix this?
I found the solution.It was because of other jquery library of slider, so they are getting on conflict with each other.
I have a window.open code to launch inappbrowser on phonegap. I use it for displaying image.
This inappbrowser has EnableViewPortScale=yes, so it's totally zoomable.
However, it seems like there is zoom-out-limit in inappbrowser. Here is the code.
window.open(myFullImageUrl, '_blank',
'location=no,EnableViewPortScale=yes,presentationstyle=pagesheet');
It's already zoomed-in a little. I can zoom-in-and-out because of EnableViewPortScale=yes for sure.
However, it seems like there is zoom-out-limit.
when i load up 1024x768 photo, it doesn't show fully zoomed-out photo(on both iOS and Android), but it's like 120%-ish already zoomed in.
I Just created stackoverflow account, so i can't upload photo. sorry!(it says i need 10 reputations to upload image)
There is no true solution for this issue.
So what I did is I just continue using inAppBrowser, but just instead of directly loading image from Amazon server(that's where I stored all images), I just made my window.open to go to another my URL and attach that url as a parameter after '?'.
The reason why I did this is because then I can force the Image web-view to have brief Javascript and CSS to render this dang-image correctly.
And as you guys know, this page must have meta-data that allows user-scale true, and must NOT have max-scale value.
So, Yep. Long story short, If you DIRECTLY load up the image in the inAppBrowser of phonegap, there is NO WAY you can force the image to start with 'not even slightly zoomed-in, but perfectly zoomed-out to the max'. Your own Page, Your own JS and CSS is the way to go guys.
I am having trouble with a custom template I currently have on my website: http://irishgourmet.ie
In the latest versions of Firefox, Chrome and Safari the images in the image placeholder (top right) all load fine and in the correct dimensions. However in the latest version of IE, the first image loads fine then the subsequent images are huge. This trend applies to every category page.
Anyone have any ideas?
Firstly, definitely get your hands on Firebug Lite for IE. I use the bookmarklet. It takes a while to load on some versions, but has definitely saved my ass more than once.
Secondly, I'm having quite the opposite problem. I see no issue with the images in the very top right, but if you'r referring to the image carousel on the right, the first carousel image is fine, but the others are being set to
width: 178px;
height: 30px;
And are loading very small. They look like this
Hope this helps in some way.
Created a website, looks pretty solid on the desktop. (http://foo.com) Used an .htaccess redirect to send those using mobile browsers to subpage (http://foo.com/m.html). Redirect is working like a charm.
My problem is that one image (and for that matter, the background color) doesn't display on the mobile page, on any mobile browser. I've tried reformatting it (.png, .jpg, .gif), resizing it (down to 55p x 44p). It is the only image on the page. I've tried using a css stylesheet specifically for the mobile subpage, I've tried not using a stylesheet at all and simply putting the image in the body. Nothing works. I've searched for an answer but all I can find is 'why doesn't my wallpaper display on my mobile phone', which doesn't help at all.
Anyway, if someone knows what I'm doing wrong, I'd really appreciate it. Thanks all!
I've got the same problem, I've done a very simple page, with a single image inside, surfing there with desktop was all right, while going there with a mobile makes the image invisible, it takes the place, but without display, like with "visibility:hidden";
after some tries, i've noticed that the image was saved in a CMYK color space, I've converted the image in RGB color space and then all goes right.
mobile browsers seeams to not manage the CMYK image versions...
Look at CSS part:
background-image:('background.gif')
Do You think all is OK here? Because I think it's not...
https://developer.mozilla.org/en/CSS/background-image
I'm having a really strange issue, I have a flowplayer video, and next to that is an image that when clicked shows in a fancybox, in webkit, mozilla it works fine, but IE decides to put the video in front of the slide.
I thought this might be related to the z-index, but everything seems fine there. Fancybox gives the loading image a z-index of 1200 which is way above what it needs to be.
Here is a link to the page
http://bit.ly/bEechI
i got the same problem, if i figure it out, i'll let u kno
answer: changing the wmode to transparent should fix it.
flowplayer("myDiv", {src: '/flowplayer.swf', wmode: 'transparent'}, {
// flowplayer config
});