I'am developing a PhoneGap Application. and i have an ajax loader in the application, ie. whenever a ajax request is sent to server a loading animating .gif image appears. I have already developed iPhone and Android versions of the application.
But the problem is when i tried to deploy it in Windows Phone 8 the .gif animation doesn't work. Its not a CSS pre loader, its a simple .gif image. I checked WP8 Wikipedia page and there it clearly says WP8 supports .gif image.
Can somebody point out what's am doing wrong. if its something not possible then can someone please point out any different approaches?. Something simpler. (I don't want to add any 3rd party .js plugins in my app).
Thanks.
Check the property of the gif image.
Build Action should be set to Content
Phonegap on WP7 does not load images
Related
I have a Cordova app that I'm testing on iOS. When I launch the app, the login screen appears and contains two images: background and a logo. The background image loads fine, but the logo doesn't load until after I switch to a different page and then go back to the login page.
Here is a screenshot of what I see:
The image is bundled by webpack, and it loads/renders fine in the the browser. Why are some images loading correctly while others aren't? They're all png images being resolved by webpack.
The problem was caused by react-router. According to a bunch of answers I found, HashRouter should work in Cordova, but that's what I was already using, so I switched to MemoryRouter and my images are now loading properly.
Demo:
http://c.atara.net/simple.html
When You click Show 1 and Show 2 on a Desktop Browser the background changes immediately, because I assume, the images are already loaded on the page (cached)
However on an iPad or iPhone, the images don't seem to cache .The background turns white first and there is a pause while each image loads. I think this may have something to do with the images being hosted on Google Drive (they are redirected?).
Can anyone come up with any way to get the images to cache on the mobile browser? I can't host them anywhere else.
I am looking for any solution no matter how crazy-- such as if theres a javascript way to turn the images into base64 and then cache that.
Here is the revelant code
<img id="one" src="http://docs.google.com/uc?id=0ByWN3asD9NWSS3pIOHBTb2MzeVE">
<img id="two" src="http://docs.google.com/uc?id=0ByWN3asD9NWSYlRzdElIMC02VFU">
<script>
$(function(){
$('.show').on('click',function(){
var newid=$(this).data('show');
var showJQ=$('#'+newid);
$('#background,#pictureframe').show();
$('#background').css("background-image", "url('"+showJQ.attr('src')+"')");
})
Thank you!!!
I have an Android - Cordova Project.
When index.html (main page) page is loaded, on Android 5.1 (real phone) only shows a white screen.
When I minimize app by the phone's home button and go back again, using task manager, the page loads normally as expected.
I found a similar question, where someone argued about WitheList plugin which I added to my project.
Answers are likely about to make a delay using setTimeout, which I applied, with no success.
I have some local css and js files in index.html.
In onDeviceReady.js file, I call load method to set the html content for a div, add some click button functions and re-size some divs in setTimeout and an addEventListener.
What's the reason for this?
Waaaauuu!!!
I upgrade my jquery to v2.2 and my problem solved!. It is a new challenge and new experience.
I start debug with a real device with Android 5.1.1 (Samsung S6) and see that there is an error: validate_display:255 error 3008 (EGL_BAD_DISPLAY)
But after search I don't find any useful answer (like this).
I guessed that one or more javascript file(s) make this bug (white screen problem), so I remove all js files tags from index.html and add one by one.
Yes, my jquery file version cause problem. I upgrade it from v1.11 to v2.2.
Up until about a couple weeks ago, my web app was working great on desktop and mobile, using dropzone.js as a drag and drop means of uploading images. Now suddenly on my Android device things have changed.
When it was working:
Member hit the upload button and was prompted to select which app to use to select the images for upload. Typically default app was "Gallery" which doesn't allow for multiple selections, but when Google Photos was selected, multiple images could be selected and all images selected would upload. With a tool tip I was able to advise users on Android to use Google Photos vice Gallery.
Now
Same scenario, including being able to select multiple images to upload. However, when the "Done" button is pressed to initiate the upload, only the first image selected uploads.
Multiple uploads work as expected on desktop and iOS but for whatever reason something has changed with Android and/or Google Photos that for the life of me I can't figure out.
fiddle
For those of you willing to take the time to help out, please try it on both your desk top and Android device to see the difference in behavior.
Also note that the .js included with the fiddle is for reference only and is being driven by the same file externally.
Please note the above fiddle doesn't actually upload the images anywhere, but it is the exact behavior I am having issues with. The upload part of the script and db management is separate from this issue.
The actual structure when all located together is to have the following script:
<script src="js/dropzone.js"></script>
Thanks
Here is what I tried
I've updated a bit the code.
https://jsfiddle.net/_jserodio/dgq50zc3/10/
Here is what I tested
In Android 5.0 it works with Google Chrome.
But It didn't work with Firefox and/or Lightning browser.
It's not supported for Android 4.x and bellow
http://caniuse.com/#feat=input-file-multiple
I am using the magnific-popup (http://dimsemenov.com/plugins/magnific-popup/) but I don't need to use this one. I have just used it before and it worked well.
My questions is how to actually trigger different lightboxes from inside a SWF?
We have one SWF that has images and animation located at six different sections of the screen. It's sort of a launch page and each section has an image with some animation and when the users clicks on a section another web page will load.
This application will be hosted on a computer with a touch screen and we were using a kiosk app to run the app and it had a small navigation bar built in but now we are using a different operating system that works better with the touch screen hardware (OSX to Windows 8) but does not work with the same kiosk app. I also can't seem to find any kiosk apps that do the same thing for Windows 8.
Instead of using a Kiosk app I would like to just use Chrome in Kiosk/Fullscreen mode and have each section open in a new lightbox window instead of using a navigation bar. However, I can't seem to trigger the lightbox event from within the SWF itself.
Any help greatly appreciated.
In as2 something like this getURL("javascript: lightbox(maybe-attributes);"); or using flash.external.ExternalInterface class. I don't know in as3 if there's another class/method
Christian find perfect match with this jquery/flash.external.ExternalInterface
http://grasshopperpebbles.com/jquery/actionscript-using-lightbox-with-flash/