AnchorCloud Jquery Plugin
Web developer Dusky Code has created a jQuery plugin called the AnchorCloud Expanding Link Identifier. It is developed using YQL (Yahoo Query Language) to extract website contents like page title and description. Since it is only in its first release, support for media content is limited to videos from YouTube and Vimeo. The next release promises inclusion of support to more popular video and photo services.
In the meantime, you can check out the working demo here and you can download the AnchorCloud script so you can follow the instructions below and incorporate the plugin into your site immediately.
First thing you need to do is include the following script in your HTML to call the necessary functions in your .js file:
| <script src=”jquery.js”></script>
<script src=”js/jquery.anchorCloud.js”> </script> <script type=”text/javascript” > $(document).ready(function(){ $(“#anchors”).anchorCloud(); }); </script> |
So your basic HTML structure will look like this:
| <html>
<head> <script src=”jquery.js”></script> <script type=”text/javascript” src=”js/jquery.anchorCloud.js”></script> <script type=”text/javascript”> $(document).ready(function(){ $(body).anchorCloud(); }); </script> </head> <body> ……………… Some text with contains links ……………… </body> </html> |
Plugin Theme Options
| background // Background color Defeult #000000
title_color // Link or video title color Default #27ADDA loading_text // Loading Mesaage Default Fetching data … description_color // Description Color Default #66666 anchor_default_color // Anchor Text color Default #006699 anchor_hover_color // Anchor text on hover color Default #006699 |
Considering that this is still in its early stages and with limited media content support, I have to say that I personally enjoyed trying it out. That said, I can’t wait for the next release to arrive!
0
505
