GithubHelp home page GithubHelp logo

jtnix / jquery-flyout Goto Github PK

View Code? Open in Web Editor NEW
5.0 5.0 1.0 17 KB

jQuery plugin to smoothly animate and display images from thumbnail image

Home Page: https://nixbox.com/projects/jquery-image-flyout/

JavaScript 100.00%

jquery-flyout's People

Contributors

jtnix avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

jquery-flyout's Issues

undefined prepended to closetip when no title in image

suggested fix :
$(bigimg).on("load", function() { var imgtag = $("<img/>") .attr("src", $holder.attr("href")) .attr("title", ((typeof($thumb.attr("title"))=="undefined")?"":$thumb.attr("title")) + o.closeTip) // pk .attr("alt", ((typeof($thumb.attr("alt"))=="undefined")?"":$thumb.attr("alt")) + o.closeTip) // pk .height(th) .width(tw); .....

does not work with jQuery 3.1

I started to upgrade my project using JQueyFlyOut from JQuery 2.0 to JQuery 3.1..

It was working great with JQuery 2.0 and does not work anymore with JQuery 3.1...

I started to debug it and noticed that variable names starting with the "$" sign did no more receive accurate content ($holder $thumb $loader)...

then I have a problem with the following lines:

if (o.loadingSrc) {
            $('#'+o.loader).append($('<img/>')
                            .load(function() {
                                    $(this)
                                        .css({'position':'relative',
                                             'top':th/2-(this.height/2),
                                             'left':tw/2-(this.width/2)})
                                        .attr('alt',o.loadingText);
                                    })
                                .attr('src',o.loadingSrc)
                            );

it seems that the $(this) Inside load(function() has not the expected value, but I did not go further..

Thanks for having a look and a fix to it....

Cheers,
Pascal

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.