Difference between revisions of "Team:SVCE Chennai/Team"
Abrahamrkj (Talk | contribs) |
Abrahamrkj (Talk | contribs) |
||
| Line 443: | Line 443: | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script> | <script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> | <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> | ||
| + | <script> | ||
| + | var options = { | ||
| + | // Aligning the text popups | ||
| + | align: { | ||
| + | x: 'center', // left, center or right | ||
| + | y: 'center' // top, center or bottom | ||
| + | }, | ||
| + | |||
| + | |||
| + | // The (relative) offset of the popups in pixels | ||
| + | offset: { | ||
| + | left: 0, // horizontal offset | ||
| + | top: 12 // vertical offset | ||
| + | }, | ||
| + | |||
| + | |||
| + | // event handlers of the tags | ||
| + | handlers: { | ||
| + | |||
| + | // Any vanilla JavaScript event is a valid key | ||
| + | click: function(e) { | ||
| + | alert('You clicked a button'); | ||
| + | |||
| + | this; // the DOM Node | ||
| + | e; // the Event | ||
| + | }, | ||
| + | |||
| + | |||
| + | // For convenience, you can use strings to | ||
| + | // show, hide and toggle the popups | ||
| + | mouseenter: 'show', | ||
| + | mouseleave: 'hide' | ||
| + | } | ||
| + | |||
| + | }; | ||
| + | |||
| + | |||
| + | var data = [ | ||
| + | { | ||
| + | x: 0.1, | ||
| + | y: 0.54, | ||
| + | text: 'Auto Rickshaw', | ||
| + | uri: 'Auto_rickshaw' | ||
| + | }, | ||
| + | |||
| + | { | ||
| + | x: 0.49, | ||
| + | y: 0.57, | ||
| + | text: 'Registration Plate', | ||
| + | uri: 'Vehicle_registration_plate' | ||
| + | }, | ||
| + | |||
| + | { | ||
| + | x: 0.38, | ||
| + | y: 0.9, | ||
| + | text: 'Lighting', | ||
| + | uri: 'Automotive_lighting' | ||
| + | } | ||
| + | ]; | ||
| + | |||
| + | |||
| + | // The magic comes together here | ||
| + | $('#teamImage').taggd( options, data ); | ||
| + | |||
| + | </script> | ||
</html> | </html> | ||
Revision as of 14:23, 18 September 2015
Team
-
Step One
Subtitle
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
Step Two
Subtitle
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.