I use Zurbs Foundation framework to develop my sites but do not like their built in orbit slider so have opted to use another responsive slider which I really like. The slider works perfectly in every browser I have tested it in apart from IE.
The plugin I use is http://responsiveslides.com/. The plugin works in IE on their site but not mine but I am using the exact same code so cannot understand why it does not work.
Does anyone know why it is working on the site above but not mine, the website I am using this slider on is http://www.viscari.co.uk/client.
If you require any more information from me please let me know.
Thanks in advance for any help given.
You can use html5shiv to make IE support HTML5!
Related
My website hosted at kylehb
The website works as intended on both Chrome and FireFox, but in iExplorer it automatically loops the slides(pages) and reverts to the first one if you try navigate to any other slide.
Im using fullPage.js
Does anyone know what is causing this?
You are using an old version of fullpage.js which contained a bug. (1.6.8)
Please download the latest one fullpage.js 1.7.8.
The internal functions addTouchHandler and removeTouchHandler have changed since then and sounds to be the cause of your problem.
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.
I am using the RightJS Lightbox plugin for a Lightbox to show inline HTML data. It works perfectly in FF and Chrome but alas IE is a no-go. I had it working yesterday for a short time and have tried to retrace my steps to no avail.
Here is a link the the applicable code: http://jsfiddle.net/jmarcello/QuwfE/. The full version can also be viewed here: http://www.buenolisto.com/alma
A simple elegant fix would be greatly appreciated. Or if anyone has another lightweight solution that provides a light box supporting inline HTML that would be great.
By lightweight I guess I mean with minimal files and preferably without having to connect in to yet another style sheet which is why I like the RightJS solution.
Thanks in advance...
Works perfectly http://jsfiddle.net/YHwyr/, you seems like have broken links, it didn't download right.js from your site
I have a plugin made for Mootools framework and for some reason that is beyond me it does not work. I have leteraly tried everything I could imagine. But for some reason I can't check off the bug.
Here is the link to the demo: http://jsfiddle.net/jnbdz/CQcF8/4/
Link to the project: http://mootools.net/forge/p/scrollbarcover
Thanks in advance for any help.
I'm using jQuery on a client's vCard site - http://chrismward.com/beta - to switch between pages.
It all works great on the computer, but when I try on my iPhone: no dice.
I'm using jQuery 4.0 and here is the only js file I'm using on the site (other than jQuery from the Google CDN) - http://chrismward.com/beta/resource/js/main.js
If anyone can help me, I'd greatly appreciate it.
Thanks,
-Giles
Regular JavaScript animations (using setTimeout/setInterval) don't work very well in Mobile Safari; you need to use CSS Animations to get decent results. You might want to try creating an iPhone-optimised version of the site using jQTouch (which uses CSS animations).
They appear to work fine in the iPhone Simulator. Which means, if they are too slow on an iPhone, they are just too slow. Use CSS animations like Steve Harrison suggests. You probably want the -webkit-transition property. Here's an example you can try.