Creating Image Slider with Zoom Functionality in iOS 6 - ios6

I have a project with an image slider with zoom functionality which is deployment target is iOS 5.1 and it works fine. But when I upgraded to iOS 6, image sliding is working but can't zooming. So, when I pinch to zoom, the image goes out of screen. How can I create an image(s) slider in iOS 6?

Related

Cordova Capture & Camera

Is it possible using Cordova camera and capture plugin to initialise the camera on page In say a 400x400 square rather than loading the full screen capture? Reason being I'm after using the front camera on a tablet which when a member of staff clocks in during the process takes a quick photo of the member of staff.
Is this possible with Cordova camera and capture? If so could somebody provide a quick example or point me in the right direction.
Thanks
There is a great plugin for that: CordovaCameraPreview
Cordova plugin that allows camera interaction from HTML code.
Show camera preview popup on top of the HTML.
Features:
•Start a camera preview from HTML code.
•Drag the preview box.
•Set camera color effect (Android and iOS).
•Send the preview box to back of the HTML content.
•Set a custom position for the camera preview box.
•Set a custom size for the preview box.
•Set a custom alpha for the preview box.
•Maintain HTML interactivity.

Videogular volume control is not visible in apple IPad

Implemented videogular html player.All works well in desktop but in case of Apple IPAD the volumne control is not visible.And one major issue is on clicking full-screen of videogular player,video does not plays in videogular instead it opens up in the apple's native player(i.e., quick player).
How can I prevent video from playing in native player in IPAD and display volumne control for vidoegular.?
Is there any fixes available.
Please help!
Volume button is not shown on mobile devices because you can't change with the native API the volume, user must use hardware buttons to change the volume.
Additionally, on mobile devices you can't set HTML elements to fullscreen, only the video element. If you need Videogular controls in fullscreen mode you can try to use "vg-native-fullscreen":
<videogular vg-native-fullscreen="false">
<!-- content -->
</videogular>
However, this is an emulated fullscreen and user will see the browser navigation bar.

icon image in the "add bookmark" screen in IPhone

Hi,
I have a web application specific for mobile. I am testing the application using IPhone.
I want to set up the image icon displayed in the left panel as my screen above.
Could you please advise how to achieve?

Google maps api not recognising any events on iOS7 (can't pan, zoom, click etc)

I'm implementing google maps api v3 in angularjs. I have two maps on the page: one shows the user's location and sits in the sidebar while the other allows users to add markers. This second map is only used in a form to add entries to the system.
It work fine in everything except mobile Safari on iOS 7. On an iPad running iOS 7 the side map works - ie: you can pan and zoom, but the other map is as if it's an image - no panning, zooming, or clicking to add a marker.
In the iPhone on iOS7 both maps are static, as if they're images. Debugging in Safari doesn't show any errors.
Debugging does show that they don't ever fire the click event to add markers.
The iPad on iOS6 is fine. Android is fine. Desktop browsers are fine.
I'm using Angular-ui ui.Maps to generate the maps.
I can't even think how to debug this further. Has anyone had trouble like this with iOS 7?
.
Is iOS7 mobile Safari the new IE? I've had quite a few issues now that only crop up on iOS7.
Update:
The Doctor was right. Here's the code to fix it:
$timeout(function(){
_.each(document.getElementsByClassName("gm-style"), function(e){
this.addEventListener('touchstart', function(event){});
});
}, 3000);
I get the sense that iOS7 Safari is a bit buggy when it comes to touch events.
I found this thread which talks about a specific touch event but I think other events have similar issues. `-webkit-overflow-scrolling: touch` broken for initially offscreen elements in iOS7

Sencha touch charts 2.0 beta : Blurring labels in IPhone device

We have developed an application in Sencha touch 2.1 .
We need to display our records in Column chart, so we used Sencha touch charts 2.0 beta .
It works well in Chrome, Safari browsers and android emulator.
But in Iphone device the chart seems blurred . We cannot even read the labels in charts.

Resources