Giter Club home page Giter Club logo

colorbox-extender's People

Contributors

florincatalin avatar juek avatar mahotilo avatar thomasfrobieter avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

colorbox-extender's Issues

Some bugs

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.

Hammer.js pinch swipe extension: Fix known issues

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:

  • webkit based browsers swipe out, but not in again
  • Swipe animation look's ugly while the image is still loading
  • Doubletap zoom only work's if no pinchzoom was performed before
  • Reduce CSS, we do not need all the animate.css animations
  • Swipe up / down to close Colorbox is not working
  • Check if the colorbox content is an image & check if theres is more then one image (otherwise disable swipe)
  • (cleanup the chaotic code ;)

MediaWiki style and Example>1

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:)

Permanent loading animation

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.

Any image in Colorbox

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.

swipe + fullscreen = problem

I found new problem in Hammer.js extension.
To reproduce

-open image
-make swipe
-press fullscreen
-> see no image

Key element here is "swipe"

Warning need

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.

Swipe for single image

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.