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.
Related
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
I have 3 pages with different banners sets, they are JSSOR slides and where working okay, but suddenly all of them stop working properly , the background is not showing up. What is this about? do they upgrade something in the plugin? can somebody from JSSOR help me?
Here are one of my pages
Alpanel
there isn't any JavaScript messages in the browser console, they are in diferent hosts , and actually I am building a new page in my localhost and last week it works, but now it doesn't
I just upload the banner in this link Banner if there is someone that can look it for me and let me know what happend, with /js after domine you will find all js code like normal.
I have a few Drupal websites that are using Maximage.js for my slideshows. One repeating issue I have is calling the javascript to work. If I use the traditional jQuery(document).ready(function($) everything works fine except for I.E. 8. The problem is, it seems that once the javascript for the slideshow loads, no other images load after that, so I'm left with a page that is missing background images as well as regular images.
To solve this I changed it to jQuery(window).load(function($) and that seemed to force everything to load before the slideshow.
My main issue with this method is it makes loading the homepage look funky..does anyone know Why this might be happening? or a better way to solve this problem.
I'm in charge of a website that is using a jQuery slider called "Accessible News Slider" and can be found # https://github.com/rip747/Yahoo-style-news-slider-for-jQuery. The website is http://thebright.com. When viewing the site on Firefox or IE, the slider works just fine, but when viewing in any webkit browser, the images for each slider load slowly and makes it look like they're falling from the top.
I'm not sure whether this is an actual bug in webkit or if this is something that I am causing by trying to gzip the images so the website will load faster. If anyone else has experienced this problem and knows how to fix it, I'm all ears. I'd also like to know if anyone else has seen this problem, but hasn't been able to fix it.
Thank you.
First : Optimize all the images. As per Google Page Speed (http://thebright.com), you can reduce another 233 KB, which will make your site fast.
Second : The issue that you mentioned - When you check the network tab in Google Chrome, clearly, there is some issue with the Cache Expiry header. Some how it is not setting Expiry header properly. So, every time you go to a page, it is loading the image once again even it was loaded previously. The current value that it is showing is : Expires:access plus 1 month. Seems Apache HTTP Server is not handling this header properly.
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).