i have a serie of galleries using Galleria IO plugin over JQuery using Zk Framework i load the galleries when i enter fullscreen mode everything is smoothly the problem arises when i reload the galleria using the same code when i load the galleria the first time. and when i click on the galleria the galleria enters in fullscreen mode but the size of the galleria is the same in the normal view and the sizes of the images is the same as the normal view this issue is in Chrome in Mozilla works perfect...
here is the code i am using to enter full screen mode..
Galleria.run('#galleriaID',{extend:function()
{
var gallery=this;gallery.attachKeyboard({left:gallery.prev,right:gallery.next,});
$('#fullScreenMode').click(function(event)
{
event.preventDefault();
gallery.enterFullscreen();
});
}});
i hope somebody can help me
try:
Galleria.configure({trueFullscreen:false});
Galleria.ready(function(){this.enterFullscreen();});
Related
I am using WordPress theme, I input the following code into my front-page-template in order to link the shop to my website. Every browser and mobile so far is OK, only when I use iPad landscape mode, it doesn't allow me to scroll down, but if I use portrait mode, everything is fine. Of course, if I remove this code from the template, then no problem, but I need this code to link my website to the shop. I had tried to remove it from the front page, and enqueue it on the function.php and .js file, no luck. How should I solve this problem, appreciate! My website is www.sayhitoworld.com, you can check it out on the iPad if you had time and had iPad. Appreciate.
<script>
var spread_shop_config= {
"shopName" : "sayhitoworld",
"locale" : "us_US",
"prefix" : "//shop.spreadshirt.com",
"baseId" : "myshop"
};
</script>
<script type="text/javascript" src="//shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js"></script>
i have created a website using bootstrap css framework, it works as it should be in desktop chrome, firefox, IE browsers. Mobile stock browser works fine too.
but issue is only with Mobile Chrome browser.
On contents page, there are comments, which gets loaded after page loads, something like this in javascript.
$(document).ready(function (){if ($('#loadComments').length ) {reloadComments();}});
function reloadComments(id) {
$('#loadComments').load('/load_comments.php?id='+ id);
}
everything else is working great, but the content which is loaded using .load jquery function , doesnt follow CSS rules.
and only those looks bigger than normal page. even though all other page contents are smaller in size, the loaded contents are very bigger.
how can i fix this ?
update:::
its not just for jquery .load ,
its happening for bootstrap nav nav-tabs
e.g.
http://jsfiddle.net/4g9pw5mo/
if i try to click other nav tabs and then come back to original tabs the font size gets increased,
but its not replicating the issue on jsfiddle.net and mobile chrome.,
so i guess, its have something to do with my CSS.
I'm fairly competent with HTML and am working with Bootstrap for the first time, but I can't seem to get the mobile collapsible menu working on Chrome on the desktop (and presumably some other browsers).
Safari on iOS 7 with default mobile responsiveness shows the menu fine when clicked, but nothing happens when you click it in Chrome on the PC when the browser is resized to a mobile-like width.
Sorry if it has been said before - just went through the code and couldn't really understand why it wasn't working! :(
First time on SO and can't figure out how to put my HTML in here, so here it is.
Thanks peeps :)
You have linked jQuery from Google CDN and hosting your website from Dropbox. Dropbox does not allow external linking of script and font files.
So you are getting an error on your page:
Host the jQuery file on your website and link (internal linking). Like for example put jQuery in JS folder and link:
<script src="js/jquery.min.js"></script>
Problem will be gone. Hope this helps!
How can I avoid the blank white screen appearing between the phonegap splashscreen and webview loading stage in iOS.I have followed the suggested solutions..like
[1]: http://docs.phonegap.com/en/2.5.0/cordova_splashscreen_splashscreen.md.html#Splashscreen,and other but still the white screen persists even after setting time delay.
I'm loading a external mobile website inside my local index.html file using window.location.href.
Thanks
Try removing page transitions, This helped me to some extent, and use latest phonegap. Use the following code before including jquery mobile library.
$(document).bind("mobileinit", function(){
$.mobile.defaultPageTransition="none"
});
Edit: Oops, it was between splash screen and the first screen. Try this
link
I have a jQuery Mobile PhoneGap app that loads all of my pages fine, except for then my app starts up.
The application shows a screen that says Phone gap IPhone non-retina and then shows all of the pages I have created on one screen before my application starts. I load the stylesheets scripts and html body dynamically in a java script file.
Is this a problem that would be occurring on my end, phone gaps end, or JQM end? I will supply code if need be.
I am using JQM 1.2.0 JQuery 1.8 and JQM 1.2.0 css
The flicker happens between the splash page and my first page load.I use this javascript to load the pages into my index.html
javascript:
$("body").load(remoteURL + "body.html?v="+getTimeStamp(),function()
{
loadPage();
}
It take some time, for all scripts to load and your page to set up. You can go to the Phonegap.plist and disable the AutoHideSplashScreen and hide the splash screen from javascript, once the page is fully loaded with:
navigator.splashscreen.hide();
This fixed the problem for me.