Git Product home page Git Product logo

jquery-simple-gallery's People

Contributors

akalicki avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

redatest fawadmz

jquery-simple-gallery's Issues

Conflict with multiple galleries and other document elements using class selected

The control currently clears all class values of selected on the document, so if anything other styling or script in the document relies on class=selected this will remove it when selecting an image.

Our fix:
In _selectImg() instead of selecting classes to remove using $('.selected') we use the image members
this.images.removeClass(this.options.selectClass);

Displaying different sized images

I really appreciate this gallery! It's simple to use and has some very nice basic features.

I would like to request that it be modified so that in the "thumbnails" div that contains all the images, they could be the thumbnail sized images (whatever size was appropriate for the site, not just resized by the browser, but natively that small size), and then clicking on the thumbnail image would bring to the "displayImage" div the larger sized image.

ie: clicking on the image named "photo1Thumb.jpg" in the "thumbnails" div would show "photo1Large.jpg"

The reason for this request is primarily to reduce load time of a page that has many gallery images. Loading thumbs is faster than loading all the full-sized images.

Maybe it's not that big of a benefit, but I thought I'd request it anyway.

Thanks.

John

Add photo description functionality

Add option to pull photo captions from thumbnail HTML (maybe "title" attribute?) and display somewhere in document. Need to add two more global options: showCaptions (default false) and captionTarget (default "") to show whether to pull captions and where to display them. Photo descriptions should fade in and out with the target photo.

Ability to detach/destroy gallery for recreation

First off, great little plugin! I'm using inside a tab system, so I'd love an easy way to destroy and recreate the plugin on demand to rebind a dynamic source when required.

At the moment, it's a little fiddly - although, any help much appreciated!

Separate _create() and _init() methods

_create() should do stuff that should only happen once, when the gallery widget is created (such as declaring variables). _init() will fire every time the gallery is reinitialized - reset the animation, source images, target CSS, and get the animation started there. Write the _init() function so that subsequent instantiations on the same target display image will restart the gallery with the new settings.

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.