Socket
Socket
Sign inDemoInstall

hoverblock

Package Overview
Dependencies
0
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

hoverblock

A elegant way to show images and it's descriptions.


Version published
Maintainers
1
Weekly downloads
2
decreased by-33.33%

Weekly downloads

Readme

Source

HoverBlock

Hoverblock plugin example

Making it work:

  • Install plugin from Github or NPMJS npm install --save developmatt/hoverblock-plugin or npm i --save hoverblock

  • Insert Hoverblock in your project script require('hoverblock');

  • Put the data attribute data-hoverblock="content" in the container who contains the elements that will be "hoverblocked".

  • Inform to plugin the blocks that will be hoverblocked putting in this the attribute data-hoverblock=fillable-block.;

  • To add text to fillable blocks, put the attribute data-hoverblock-text="Text to be shown" in the element, and fill the value with the desired text.

Styling elements

In this plugin we have two main elements and the both can be stylized. To do this, just use its class

  • .hoverblock-filler: This is the element who covers the blocks.

  • .hoverblock-filler-text: The text inside the block.

Keywords

FAQs

Last updated on 17 Sep 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc