search

jwarby / jquery-awesome-cursor

jQuery plugin for using FontAwesome icons as custom CSS cursors
https://jwarby.github.io/jquery-awesome-cursor/
MIT License
179 stars 69 forks source link

Stacked Icons #17

Open UchihaCFC opened 9 years ago

UchihaCFC commented 9 years ago

The library is amazing to use in many projects. I've missed a parameter to put stacked icons.

I've tried adding a class over the icon, but it would be better to do as they say in the documentation through a stack.

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x"></i>
</span>

Would it be possible for a new implementation or could be done through jquery easily?

jwarby commented 9 years ago

Hi @UchihaCFC, glad you like it! :)

Unfortunately, I don't think there is an easy way to fulfil this use case. This issue is kind of similar to #13, where essentially you want to provide a DOM element as the source. It's not a trivial task to turn a DOM element into an image data URL...

The other option would be to add a new plugin option to allow stacked icons to be specified. I think this would add a lot of complexity to the project however, and might not be worth it. Also, you probably still wouldn't get the full flexibility that FontAwesome's CSS classes offer.

If you can think of a decent way to implement this, I'd be happy having a crack at it (or you can ;))!

UchihaCFC commented 9 years ago

Thank you very much for answering! @jwarby

I've been looking at the issue #13 and have fully right.

Right now I can not think of a clear idea of how to implement it in, but I'll take a closer look to see if I can give you some idea, include stacked icons would be great ;)!