I was trying to implement a 360 image viewer on my website and came across Google VR-View, it works but has a terrible issue with image wrapping at the top and bottom, it's even in their example:
https://developers.google.com/vr/concepts/vrview-web
I've noticed that when I switch to full screen and zoom out it works fine but obviously it's not a solution.
Anyone knows how to get around this? or maybe have a replacement for google vr view (which supports gyro on mobile)?
Thank You,
found this working pretty well
https://pannellum.org/
Related
I am working on trying to convert this single webpage http://brandyderr.com/ to one that is responsive.
But I can't figure out how to keep each button in place as the site scales for devices.
Any ideas or tutorials would be great.
Thanks,
John
I am making a simple website for a friend and I want it to look nice on both PC and mobile, but on mobile it looks different - all the text seems shifted up or all the <div>s seem shifted down.
Does anyone know why this is happening?
How it looks on my PC using Chrome's mobile view thing, how it's supposed to look
How it looks on my phone
Thank you for your time.
You should include your code so we can see what's happening, but my first guess - if you're using media queries, are any of them targeting max-device-width/min-device-width instead of max-width/min-width? If so, change them to get a consistent experience.
I am about to launch a new Joomla site, and the only minor bug holding me up (not really effecting launch, just annoying) is this strange issue with iPhone (using Safari Mobile). You can see it in the image attached or use http://synthphone.com/ to see it.
Any ideas? I haven't noticed any other issue on any other browser or device. Link to the page is http://www.complisolutions.com/services.
Thanks for any assistance!
It's most likely a font size issue - note the word 'environmental' - looks to me like that cannot fit in the space allocated between the image and the left side of the screen.
Try remove that word to see if this is the case.
What you'll want to do, is use media queries to firstly make that image full page width at small screen resolutions and secondly to remove the float.
So i am making a website, and its done exept that window sizing is not very optimized yet.
I have been using media query for css3 but its not working on all browsers
So im asking, can i do anything with my CSS that makes everything stay at the same size if someone resizes or are using a different resolution?
Here is my code:
http://pastebin.com/Z4EKAdVj
website:
http://www.hyperqube-game.tk
Thanks!
check mediaqueries.js for IE5+, its working fine, you just have to paste script in site.
https://code.google.com/p/css3-mediaqueries-js/
Then for example IE7 is rendering correct page size to resolution
I'm a whited00r developer and i'm creating an tweak for iPhone 2g/3g WHITED00r users a notification system (NS) ive already made one (NSCENTER) but it isnt really an tweak...
I want to make a mobile substrate tweak that if you slide from top it would show the tweak (activator) but I dont know how to do this. Could somebody help? or sample? or text help?
Assuming I understand you correctly, you're basically looking to replace the Notification Center swipe gesture action to present your tweak, correct? If that's the case, SBBulletinListController has the methods you're looking for:
-(void)handleShowNotificationsGestureBeganWithTouchLocation:(CGPoint)touchLocation;
-(void)handleShowNotificationsGestureChangedWithTouchLocation:(CGPoint)touchLocation velocity:(CGPoint)velocity;
-(void)handleShowNotificationsGestureEndedWithVelocity:(CGPoint)velocity completion:(id)completion;
-(void)handleShowNotificationsGestureCanceled;
There are also corresponding methods in Springboard that you could try:
-(void)handleShowNotificationsSystemGesture:(id)gesture;
-(void)handleHideNotificationsSystemGesture:(id)gesture;
-(void)_showNotificationsGestureBeganWithLocation:(CGPoint)location;
-(void)_showNotificationsGestureChangedWithLocation:(CGPoint)location velocity:(CGPoint)velocity;
-(void)_showNotificationsGestureEndedWithLocation:(CGPoint)location velocity:(CGPoint)velocity;
-(void)_showNotificationsGestureFailed;
-(void)_showNotificationsGestureCancelled;
-(void)_hideNotificationsGestureBegan:(float)began;
-(void)_hideNotificationsGestureChanged:(float)changed;
-(void)_hideNotificationsGestureEndedWithCompletionType:(int)completionType velocity:(CGPoint)velocity;
-(void)_hideNotificationsGestureCancelled;
Try hooking those using MobileSubstrate. I haven't tried this myself, but it should point you in the right direction.