question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Feature Request: Thumbnails for paging

See original GitHub issue

We use slick slider pretty much everywhere that needs slider. its great.

i think there is a built-in feature must be should there.

Mini thumbnail image of slide for paging. Which i made it with

    customPaging: function(slick,index) {
        return '<button style="background:url('+$(slick.$slides[index]).data('thumb')+') center center;"></button>';
        }

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:6

github_iconTop GitHub Comments

2reactions
aykutcancommented, Sep 30, 2015

Hi @rafcontreras

i gave each slide a data-thumb attribute that contains thumbnail image of slide.

<div class="item" data-thumb="a-thumbnail.jpg">
    <a href="#">
        <h2> item1 </h2>
        <img src="a.jpg" alt="Image Description" />
    </a>
</div>

when initializing slick slider add this at in slick() function at as a parameter

$('.sport-slider').slick({
        dots:true,
        autoplay:false,
        customPaging: function(slick,index) {
        return '<button style="background:url('+$(slick.$slides[index]).data('thumb')+') center center;"></button>';
        }
    });
0reactions
leggomuhgreggocommented, Apr 20, 2016

Hey I think this is what the custom paging options was developed for–donno if we need something more focused in the core. Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Feature request: only generate missing thumbnails
When paying for image optimisation, regenerating all the thumbnails can be costly, so it's good to be able to only generate missing thumbnails....
Read more >
Tutorial: Using an Amazon S3 trigger to create thumbnail images
The function reads the image object from the source S3 bucket and creates a thumbnail image to save in a target S3 bucket....
Read more >
Feature Request-keywords on page thumbnail : r/Supernote - Reddit
Feature Request -keywords on page thumbnail. I love the use of keywords and the potential for organization was my main driver for getting...
Read more >
Thumbnails: set | YouTube Data API - Google Developers
Uploads a custom video thumbnail to YouTube and sets it for a video. ... The body of the request contains the thumbnail image...
Read more >
Thumbnail for each paper entry - Paperpile Forum
Hi,. It would be fantastic to get an (optional) thumbnail preview for each entry. Some papers are much easier to identify with a ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found