juek / colorbox-extender Goto Github PK
View Code? Open in Web Editor NEWFeature extensions to Typesetter CMS Colorbox implementation
License: GNU General Public License v2.0
Feature extensions to Typesetter CMS Colorbox implementation
License: GNU General Public License v2.0
I have a problem with showing any images in Colorbox.
Colorbox opened. --> Loading image animation (No image).
I tried it also with my own class (named fotobox) for colorbox href. Plugin option "All pages" in is off.
It works fine without plugin. But with plugin I have same result and for link with my colorbox style.
It appears with any plugin option configurations, on local and online sites.
Image size (in kb) is small enough.
It is need to make warning for users, that TS colorbox style should be Example1 for correct work of plugin.
Combination of "Example 2" in TS settings and "Simple box 1" in plugin settings gives broken layout of popup window.
I have checked.
Permanent loading animation appears only on second (and next) colorbox opening with
Hammer.js Pinchzoom & Swipe extension.
Style does not matter.
Clicking speed does not matter also.
Thought i've fixed the webkit swipe issue, but still exist. I will fix it tomorrow. [DONE]
Found following issues i will try to fix within the next days:
Hi.
The first try and some bugs here.
@thomasfrobieter
When using swipe extend.
Fast open and closing colorbox cause to it's preloading animation to stay on page.
To reproduce just quickly open and close some gallery images, sometimes this two divs is stay on the top.
<div id="cboxLoadingOverlay" style="float: left; display: none;"></div>
<div id="cboxLoadingGraphic" style="float: left; display: block;"></div>
Solution is to comment this two lines in init.js
$.colorbox.settings.preloading=true;
$.colorbox.settings.transition="none";
Also when using jquerry zoom and simple box1 style - image appeart on top of the next/prev/close buttons. My theme do not apply color box styles.
Swipe is cool :) may be it should move images a bit faster.
I found new problem in Hammer.js extension.
To reproduce
-open image
-make swipe
-press fullscreen
-> see no image
Key element here is "swipe"
Extension Pinchzoom&Swipe.
We can do Swipe for single image with Colorbox style and go to nowhere without return. Moreover, as we open this image again it swipes to nowhere at once.
Jurgen,
the problem with caption positioning and overlapping was not in my theme.
It is our old "friend" - Colorbox Style "Example3". MediaWiki style depending on it.
After changing to "Example1" all glitches go out.
It is need to make in MediaWiki style same changes like in Simple Box to make it independed on Colorbox Style in General Settings/Interface
Fuh, it was long bug hunting:)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.