jaukia / zoomooz

An easy-to-use jQuery plugin for making zooming web pages.
http://janne.aukia.com/zoomooz/
1.79k stars 275 forks source link

Small interaction problems with Bootstrap and Font-Awesome animation #90

Open OpenSiteMobile opened 10 years ago

OpenSiteMobile commented 10 years ago

Hi, I have come across a few issues that I have no idea where to start looking for solutions. And they aren't easily identifiable, so this is more of a reference post than asking for assistance (or complaining).

The first one is a problem of zoomooz.js interfering with the Bootstrap dropdown menus I'm using for navigation. I'm using Bootstrap: dropdown.js v3.0.3 code, but a mix of v3.0.3 and v2.3.1 CSS. Bootstrap screwed me up with their v3 changes, so unfortunately, I can't be absolutely sure that the problem is consistent with v3, although all my other pages work fine. And I should mention that I'm using Backbone.js v1.1.0 for navigation when loading content. Why the interference, I have no idea, as normal links and navigation other than the dropdown menus work fine.

And I also see a small problem with one of my animations after loading zoomooz.js. I animate a "spinner" for loading and it's size and position change when zoomooz.js is included in the page. Its a Font-Awesome 4.0.3 animated rotating icon specified as: <i class="fa fa-spinner fa-spin fa-2x loading">

Everything else is standard Font-Awesome code, but the spin only acts up when zoomooz.js is loaded. Still works, just revolves around a different, and offset center.

For Ref., my page code includes jQuery 2.1.3, jQuery-UI 1.10.3, Underscore.js 1.5.2, Modernizr 2.7.1, plus Backbone.js and Bootstrap as mentioned above.

So I can't rule out something wrong on my end, but at least it is now documented if others find similar issues.