All my JSSOR background banners stop working - javascript

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.

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.

Anchor Tag on Address Bar messing up page-scroll. How to fix?

I recently purchased my first domain through google domains and set it up with Github pages. My account.github.io now properly redirects to mywebsite.com.
In this website I used anchor tags for same page scrolls with bootstrap, to give it the smooth scroll animation. After waiting for the domain to work, this smooth animation stopped working since clicking on tabs now redirects to the section, like this:
mywebsite.com/#tag
Instead of a simple
mywebsite.com
All these tags are under index.html
I believe this is messing up the page-scroll animation. On the other hand, the tag #page-top works fine and has an animation. Everything was working well on account.github.io til I started using the custom domain.
This is a bit confusing to explain but I hope you could understand and maybe help me find a solution. Thanks!

Javascript error on mobile only

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

How can i get Nivo.slider controls to work properly?

I recently moved my website to a new web host and noticed that the nivo.slider nav's are not working correctly. Rather than let the user cycle through the images in the slider, it sends the user to another one of my pages. This only happens in browsers other than IE. Not sure why it is doing this Below is my JS code for the slider. Any and all help is greatly appreciated. My code is actually 60,000 characters too long to be posts, so I have stuck it in my Dropbox. Link is below. Thank you!
Javascript: https://www.dropbox.com/s/jbpvihwi8fer4fs/jquery.nivo.slider.js?dl=0

Everything showed good, except the tabs. (HTML,CSS,JS)

Iam working on a website and I dont have any clue why the tabs doesnt work when I upload the website. Because when I view the website normal it does work perfectly.
By the way: The tabs are working with a jquery script.
This is the website URL: http://bmvisuals.poshh.nl/
Greetings.
Edit: I mean some of the tabs doesnt appear.
Your About me tab does not show up because your server is case sensitive.
Aboutme.jpg != Aboutme.JPG
You should check out CSS Sprites. There is a flicker when you hover over a tab (the first time) because the browser has to load the hover image. With CSS Sprites an image map is used and all the images are loaded at once so the hover is seamless.
As an aside, your site does not scroll vertically. When my window is smaller than your site, the bottom gets cut off and there is no way for me to see it.
Firstly, nice site. Secondly your tabs are totally borked for me. I am using Linux Ubuntu and Firefox 3. Not sure about the fix though. Just thought I would mention it.
Using Firebug, I see some resources give a 404 error:
http://bmvisuals.poshh.nl/Scripts/Lightbox/images/lightbox-ico-loading.gif
http://bmvisuals.poshh.nl/Scripts/Images/PhotoGallery/PhotoGalleryContainerBackground.png
http://bmvisuals.poshh.nl/Images/Tabs/Aboutme.jpg
http://bmvisuals.poshh.nl/Images/Tabs/HomeActive.png
On a side note, the page doesn't work if javascript is disabled. I would suggest using the noscript tag to show a message saying javascript is required. The other option is to make the page work without javascript.

Categories

Resources