turn references section into slider/carousel

[danielnaber]

I'd like to add more reference customers with their logos to that section. To fit more logos, please turn that section into a slider, similar to the ones we have, but:

• show as many logos as the screen width allows
• carousel mode, not slider (i.e. no rewind back to start when last item is reached)
• use right/left arrow for navigation instead of bullets
• slower animation

[nickchamel]

@danielnaber please check on 38-clients-slider

[danielnaber]

Thanks, I've merged in into master and added logos, but horizontal distance between logos is not the same, even though I have cropped all images now. Please make sure the horizontal distance is always the same.

[danielnaber]

Also, once the horizontal distance issue is solved, please port the changes to https://github.com/languagetooler-gmbh/languagetool-premium-website

[nickchamel]

@danielnaber done and please check 38-clients-slider branch on https://github.com/languagetooler-gmbh/languagetool-premium-website

[danielnaber]

Now the rsp24.png logo is scaled so it is bigger than is can be without being fuzzy. How to make it smaller again? width=... doesn't help.

[nickchamel]

@danielnaber Sliders divides the available space between the slides equally (they are the same width). We can do either one or the other:

• Adjust the edges of the pictures to the slides (previously cropping the edges of the pictures) so that the gaps between them were the same. This is the current variant:

  

• Add empty edges to the images so that they were about the same size as the others (because the proportions of the logos are different), but the distance between the images will be different:

  

[danielnaber]

It seems to me the problem is a different one: the "rsp24" logo is scaled up only in Firefox, not in Chrome. The spaced between the logos are okay now.

[nickchamel]

@danielnaber for me they are the same:

[danielnaber]

Strange, then it seems to be a local issue on my side. I'm closing this then.