Javascript error on mobile only - javascript

I'm working on getting a slideshow mobile friendly, but am running into a problem. I'm pretty sure it's javascript related because pages without the slideshow load fine. The site has a lot of images all categorized in the NextGen Gallery plugin, so I installed a slideshow plugin that would work with the existing setup.
It works fine on desktop without any console errors, but when it's loaded on my phone I get an error stating, "A problem occurred with this webpage so it was reloaded." It tries a few more times, then gives up.
I've never run into this with anything I've ever made, so I'm not sure where to start to try and fix it since I don't have any errors to go off of. Is there a way to fix this? Or is there a similar plugin that can integrate with NextGen Gallery as well?
An example can be seen here: example slideshow
Slideshow plugin: NextGen Galleryview

Related

Infinite image scrolling with instafeed.js

I want to integrate a simple slider that scrolls to the latest 20 images from an instagram account on a website. The image implementaion via instafeed.js is working, but the scrolling won't work. I used a third-party jquery based animation for this too, but I can't get it working with the loaded insta images.
The first thing that is not working, is the automated scrolling. Sometimes it works, but only in chrome's debugging mode.
The second thing is, that the slideshow does not loop. It should repeat when the last image scrolls in.
I have uploaded the files here: Files as download
I would be so happy, if you can help me with this problems. They are driving me crazy :D
I got it working by setting a small timeout to allow the page to finish running your other scripts before starting the scroll.
setTimeout(function(){
$("#instascroller").scrollForever();
},1000);
This code is in init.js It's just a small wrapper where you already call scollForever().
Testing your provided example in chrome I was unable to reproduce the bug where the slideshow doesn't loop. It is working fine for me.

WordPress does not load plugins' libraries properly

I have a custom made theme working fine since long. Today when I was working on it I found some strange behavior. I think it is due to jquery proper loading. Yet I am not able to solve it.
Here is the link http://lesclefsdorgb.org/aboutus/
This page is loading two plugins
1. Revolution Slider and
2. Floating Menu
On a Chrome consol it gives following error
enter image description here
Help is appreciated.

CSS and JS load as copies of HTML in website built with gulp and angular.js

I'm making a website using gulp and angular. When I load the page in the browser, my developer tools, sources tab shows my css resources to be copies of my html. This only started happening after I tried to make a custom directive using angular. I took the custom directive out and tried to change everything back but it is still loading both my css and js as just the html code from the page. Does anyone have any idea what might cause this? My google and stackoverflow searches have turned up nothing.
After restarting Chrome and restarting my computer twice everything magically started working again. So I never knew what exactly went wrong but the principles of always try "on/off" before anything else seems to apply.

AppGyver - phonegap remove loading transition screen

Hello I'm creating a simple mobile app using Appgyver - steroids.
I'm new with this framework I'm trying to find a way to hide the loading screen between different pages in both Android and iOS. I have read their documentation but I can't make it work.
Based on this: http://docs.appgyver.com/en/edge/steroids_Steroids%20Native%20UI_steroids.layers_layers.push.md.html#steroids.layers.push
I 've set keepLoading: false on a view push which didnt work
also after the view push I called:
steroids.view.removeLoading();
as mentioned here: http://docs.appgyver.com/en/edge/steroids_Steroids%20Native%20UI_steroids.view_view.removeLoading.md.html#steroids.view.removeLoading
Nothing removed the black loading transition screen between pages.
Could someone please tell me what I'm doing wrong?
It could be documented better, but if you remove/rename the www/loading.html (for iOS) and www/loading.png (for Android) files in your project, then steroids.layers.push() will not show the loading screen (also means that the push animation will not start until after the WebView has loaded, which can take some time and lead to unresponsive feeling).

Need help debugging - IE not displaying jquery background slider on website

I've had this problem for over a month and client isn't paying me until it's fixed.
The website is: http://www.cardwells.co.nz
I'm using WordPress as the CMS with a template and some custom work.
The template comes with a slider background inbuilt which works in all browsers except IE.
I'm also using http://www.smoothdivscroll.com/clickableLogoParade.html for the scroller at the bottom.
Basically I have no clue WHY it's not working in IE - everything seems like it should be working. I've run the site through w3 checker and used that IE specific CSS files - but no dice.
Please help.
There was no real solution - really =\ I disabled, removed, reuploaded and reenabled the template. Either a file was a miss or a DB connection error somewhere along the line. So stupid.

Categories

Resources