Nieuwe button Pinterest die alleen in beeld komt bij mouseover

Nieuwe button Pinterest die alleen in beeld komt bij mouseover

Pinterest heeft een nieuwe optie toegevoegd aan de bekende Pin it button die geplaatst kan worden op websites. Er kan vanaf nu worden ingesteld dat de button alleen in beeld komt op het moment dat een gebruiker met de muis over een afbeelding gaat, ideaal volgens Pinterest voor websites met veel afbeeldingen en websites met een minimalistisch design. Om dit in te stellen op een website waar de knop al te vinden is hoeft enkel data-pin-hover="true" toegevoegd te worden aan het script van Pinterest. In alle andere gevallen is er de Widget builder van Pinterest waar de juiste code snel gegenereerd kan worden. Het gaat in dit geval slechts om een enkele regel code die je hieronder ziet staan.

<script type="text/javascript" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

Let wel op dat de button niet geschikt is voor gebruik op mobiele telefoons en tablets. Indien een website met de knop geopend wordt op een mobiele telefoon of tablet zal de knop niet worden getoond. De knop werkt verder niet in combinatie met achtergrondafbeeldingen, afbeeldingen die kleiner zijn dan 80 bij 80 pixels, afbeeldingen voorzien van data-pin-no-hover="true" en afbeeldingen die zijn voorzien van nopin="nopin".

Lees meer over: