Feature Requests & Ideas

Share your ideas on how PhotoSwipe can be improved. To report bugs please use GitHub. If you have questions regarding implementation use StackOverflow.

  1. What about integrating with Masonry?

    I just download your plugin and trying to integrate with Masonry, I think it would be cool...

    5 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  2. Pagination or Load More option for large galleries

    An option to load an X amount of images at a time would be useful for those large galleries.

    5 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  3. Is it possible to add the caption on the thumbnail

    Can yo add the caption to the thumbnail image.

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  4. Option for replacement url on share buttons

    I am loading galleries on a main page of a news/photo website throug ajax. The normal share buttons get the right url's to a secondary page with only desired active article (with photo's).
    Because of the ajax loading, the share menu has the link to the main page. The article may even not be there anymore..

    So i'd like to give the gallery' s a "static link" ?
    (hope you understand. Enlisch is not my native language)
    The gallery's are on: http://www.gaellemuun.nl/nieuws-genemuiden.html
    some articles have a gallery which display's after click on "Lees verder" (Read more)

    Regards,
    Klaas Noordstra

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  5. 4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  6. Please would you make this package available on NuGet?

    It's great that it's available on Git, NPM and Bower but would be even more awesome if you could provide a NuGet package as well!

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  7. Include DOM gallery builder in JS file

    Please include the initPhotoSwipeFromDOM function shown in http://photoswipe.com/documentation/getting-started.html#dom-to-slide-objects in PhotoSwipe in a JS file. That would make it much easier to get started with a gallery.

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    2 comments  ·  Flag idea as inappropriate…  ·  Admin →
  8. image padding on mobile

    I think it would be great to have the option to add a padding around images in the mobile view. Some people prefer when images have some framing around them.

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  9. Individual links for photo

    If desired, you can change the names of the links

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  10. to add a bookmark button, which will have callback when clicked and developers can use it to do various activity, also facility to state tha

    to add a bookmark button, which will have callback when clicked and developers can use it to do various activity,
    also add a facility to state that the given image is already bookmarked or not in the options

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  11. onStartDrag event

    Hi!

    I need onStartDrag event for hide an element when the user swipe image.

    Thanks

    4 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  12. Add attribute with item index to images.

    The listener functions often return an index. But what if we dynamically want to find this image in the DOM based on that index? Would be very handy.

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  13. Built in option to close modal after last slide

    Pretty sure this doesn't exist at the moment, and I think this would be a good addition.

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  14. Add loading class name to images that are loading.

    I had this problem that I wanted to add a white background to loaded images. But this is impossible without manipulating the .js till great extend. Would be nice to have native support.

    This is useful because some images have transparent background.

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  15. Cropped Thumbnail Bounds

    I've seen a number of threads where people explain the issues when image thumbnails are cropped. I created a get Thumbnail Bounds function, which will simply calculate the bounds, as though the image were not cropped.

            getThumbBoundsFn: function(index) {
    
    var thumbnail = ITEMS[index].el,
    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
    offset = thumbnail.offset(),
    width = thumbnail.innerWidth(),
    height = thumbnail.innerHeight(),
    thumbRatio = height / width,
    origRatio = ITEMS[index].h / ITEMS[index].w,
    cropped = thumbRatio / origRatio;
    return {
    x: offset.left - ( cropped > 1 ? ( width * cropped - width ) / 2 : 0 ),
    y: offset.top - ( cropped <
    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  16. Captions didn't update if accidentally clicked on pictures [solved]

    Comment the lines In photoswipde-ui-default in this method:

    ui.update = function() {

        // Don't update UI if it's hidden

    // the lines commented in this function prevent a bug where the captions wouldn't update if clicked anywhere on the pictures or captions.
    // if(_controlsVisible && pswp.currItem) {

    ui.updateIndexIndicator();

    if(_options.captionEl) {
    _options.addCaptionHTMLFn(pswp.currItem, _captionContainer);

    _togglePswpClass(_captionContainer, 'caption--empty', !pswp.currItem.title);
    }

    _overlayUIUpdated = true;

    // } else {
    // _overlayUIUpdated = false;
    // }

    if(!_shareModalHidden) {
    _toggleShareModal();
    }

    _countNumItems();
    };

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  17. Add a button below the thumbnails (for the administration of photo information for example)

    I load my images with URLs stored in database.
    I build the tags contained in the rows retrieved according to my table like this :

    while ($photo = mysqlfetcharray($photoQuery) ) {

                $pathPetite = $path.'/'.$photo['petite'];
    
    $pathGrande = $path.'/'.$photo['grande'];
    $pathOriginale = $path.'/'.$photo['originale'];

    $miniaturePath = $pathPetite;
    $galeriePath = $pathGrande;

    list($width, $height) = getimagesize($galeriePath);

    echo &#39;&lt;figure itemprop=&quot;associatedMedia&quot; itemscope itemtype=&quot;<a rel="nofollow noreferrer" href="http://schema.org/ImageObject&quot;">http://schema.org/ImageObject&quot;</a>&gt;&#39;;
    echo &#39; &lt;a href=&quot;./&#39;.$galeriePath.&#39;&quot; itemprop=&quot;contentUrl&quot; data-size=&quot;&#39;.$width.&#39;x&#39;.$height.&#39;&quot;&gt;&#39;;
    echo &#39; &lt;center&gt;&lt;img src=&quot;./&#39;.$miniaturePath.&#39;&quot; itemprop=&quot;thumbnail&quot; alt=&quot;&#39;.$photo[&#39;description&#39;].&#39;&quot; title=&quot;&#39;.$photo[&#39;id&#39;].&#39;-&#39;.$photo[&#39;originale&#39;].&#39;&quot; /&gt;&lt;/center&gt;&#39;;
    echo &#39; &lt;/a&gt;&#39;;
    echo &#39; &lt;figcaption itemprop_titre=&quot;&#39;.$photo[&#39;titre&#39;].&#39;&quot; itemprop_desc=&quot;&#39;.$photo[&#39;description&#39;].&#39;&quot; itemprop_originaleurl=&quot;&#39;.$pathOriginale.&#39;&quot;&gt;&lt;/figcaption&gt;&#39;;
    if ($copocorp_user_id == $album[&#39;idUser&#39;]) {
    sql2html(&quot;SELECT titre as &#39;Titre&#39;, description as &#39;Description&#39;, petite as &#39;Petite&#39;, grande as…

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  18. Add an easy option for default scaling of images displayed

    Previous versions of PhotoSwipe had an imageScaleMethod option that would allow you to stretch or shrink image display size to the display area. At the moment you can do a hacky imitation of this by applying a zoom to the current item on beforeChange. But zooming deactivates the swipe on non-touch devices. It would be handy if we could specify how images should fit in the display area.

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
  19. Center the images on every resize

    On Every Resize instead of blank space on the sides , the photos must be justify to the center.

    3 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  20. Trap tab controls in photo lightbox

    Trap the tabing inside the photo lightbox, so that keyboard users cannot tab out of the modal and get lost.

    2 votes
    Vote
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    0 comments  ·  Flag idea as inappropriate…  ·  Admin →
  • Don't see your idea?

Feature Requests & Ideas

Categories

Feedback and Knowledge Base