Code

Discussion on Hotspotter - Hotspot Maker jQuery Plugin

Discussion on Hotspotter - Hotspot Maker jQuery Plugin

By
Cart 880 sales

z-B supports this item

Supported

105 comments found.

Hello, can this be added only to images or can I make hotspots on a web page itself? I am looking for a plugin that can highlight new sections and toolbars on a website page but don’t want an actual image of the page.

Thanks!

Hi,

unfortunately it needs an image, you can look at zurb foundation joyride here it’s nice! http://foundation.zurb.com/docs/components/joyride.html

thanks for ur interest.

Thanks so much for the quick response and the link!

Hi,

Can this be implemented into Wordpress site?

Thanks!

yes, u can use it in wordpress & u will get documentation containing the simple few steps for installation! and – in case u needed it – i will be happy to provide support.

Super – Bought it – I’ll check out the documentation :)

Enjoy :) ,

email me if u encountered any issues, u can use the contact form in my profile page http://codecanyon.net/user/z-B

Hi z-B Great Product!! Is there a way to kill all sound on mouse-out? The way it works now (for me), is when you roll-over on a button, you get the tool tip, and if there is a movie, and you play it, it starts, when you roll.out, the tool-tip box disappears, but the sound is still there. Is there a way to end sound on roll-out?

Hi,

if u are using youtube u can use it’s API to pause/stop the video, on mouseout here’s a reference to it https://developers.google.com/youtube/js_api_reference

or in general use API of the video host service.

HI NICE SCRIPT, IS IT POSSIBLE TO MAKE LIKE THIS http://www.phonearena.com/phones/manufacturers/Nokia thanks

Hi,

you can add tooltip to image but u can’t make the tooltip stick with mouse movement without custom coding

I’m trying to preload the image, but I seem to be missing something. If you can give me an example of how to preload it and what to call to get the code so I can pass the final code to another page, that would be great.

Here is what I tried:

<script type=”text/javascript”> Editor.newImage(“http://www.url.com/someimage.jpg”)</script>

Hi,

plz use email for any support question, u can do so using contact form in my profile page http://codecanyon.net/user/z-B

- to preload editor with image u can use Editor.initNewImage(‘URL HERE’)

- to get code Editor.getCode()

note that getCode will also show the get code dialog, u will propably need to modify it to decouple/split the getCode from UI changing

Hello. Trying install the plugin.

You wrote in your documentation: “Important Note: Don’t forget to check ‘Remove Formatting “for use with wordpress”’ checkbox when getting code, otherwise wordpress will try to format the generated code automatically which will breaking it.”

Where I can check this chekbox?

found it. sorry

Hello,

This is a really impressive plugin! I would love to buy it!

I want to make it work in Joomla. I want to ask you if it is possible to make the hotspots conditional, based on some data from mySQL. For example, if (something == true), then show clickable picture1, else show unclickable picture2.

If not, then if you could tell me if it will be really difficult to code it :)

Thanks

PS Just bought it! :P But I would like to know if this is possible

Hi, glad u liked it!

definitely it could be implemented but that’s too general. plz email me details of what needs to be done.

u can use contact form at my profile page here, http://codecanyon.net/user/z-B

Good Job! Exactly what I was looking for. It’s very well documented and that helps me a lot. Thank you!!

thanks so much & enjoy :)

The product is great, works as advertised. Basm went the extra mile in getting this code up and running. Thanks again.

u r welcome!

Hello for no known reason… hotspotter isn’t working anymore on one of my pages where it had been forever and now I see it is not. Can i get help?

just emailed u

does it posiblle to make the tooltip apper in light box effect?

Unfortunately that’s not built in but still could easily be done, u can use API provided in documentation to work with lightbox plugin of your choice.

hi looks great befor i buy 1. i tried to add video or insert image inside the tool tip and could not do it in the demo editor how can i do it? 2. after creating is it posiblle to edit again in the editor or not?

Hi,

for a video “for example youtube video”:
  • from video page, go to share / embed
  • copy shown markup
  • in the Editor, select spot & click “Edit Tooltip” from right panel
  • paste markup u got from youtube
for image: just paste markup like
<img src="YOU IMAGE URL" />

and you r done!

- yes u can edit previously generated code, just open the Editor & click “Load Code” then paste your code.

Hi,

Any plan to add mouswheel zoom in and out ?

Thanks, R.

Hi Ronenl,

unfortunately no plans for it, unless it gathered more support.

thanks for your interest.

Thank you for support, i have just buyed and installed. what javascript and where to add for rerun the plugin whenever the window resize?

Glad u liked it :), here’s the 3 lines

jQuery(window).resize( function() {
    setTimeout(function() { jQuery('.hs-area').hotspotter(); }, 400);
});

plz email me for any future support questions “it’s more convenient, faster”, u can use form in my profile page http://codecanyon.net/user/z-B

Thanks for purchase!

u r welcome!

would be better if the image was responsible(resizable)

unfortunately the above example from the hotspotter user website isn’t responsive, but good news is that to trigger responsive feature u need to copy & paste EXACTLY 3 lines of javascript.

Hello, is possible to show me a example of this script working on wordpress 3.7.1. Thank you

Hi,

here’s example of it running in one of hotspotter users wordpress 3.6.1, http://kfresort.com/hotspotter-test/

just a minor version lower than 3.7.1. Actually technically speaking it doesn’t relate at ALL to wordpress as it’s just a pure javascript app so no need to worry about version compatibilty with wordpress now or in future, same apply to ANY CMS “content management system”.

Finally u will get installation instructions for wordpress in supplied documentation, and if u wanted to ask any questions i provide FULL support for it.

in short no worries!

Can rolling over a hotspot trigger an audio file to play?

Hi,

yes you can, just bind a mouseenter event & run your audio file.

Hi, i think your script is one of the best here at envato. I have just one problem. I was running Pagespeed and Yslow validators and got a lot of error warnings, because image dimensions and alt tags are missing. Then i added the image dimensions to the code, but afterwards the tooltipps did not work anymore. So i have no chance to get good validation results and a working script. Same problem, if you add the missing “alt”-tags. Script isn´t working afterwards. But for good validation results i need the image dimension and alt tags inside. ALT tags are also important for the search engines. Could you kindly help to fix that problem? Thank you in advance!

Hi, glad u liked it!.

Actually ‘alt’ attribute and image dimensions are user specific & won’t affect plugin functionality at all. i have already done that.

but remember if u set different width or height for the image than original u need to check responsive flag in Editor to be able to scale hotspots with new image dimensions.

plz email me a test page to check. u can use form in my profile page http://codecanyon.net/user/z-B

Hi.. I tried the YouTube option but it doesn’t seem to work.. When I click it, it flashes… I am using Safari 5.0.10

Thank you

Destiny..

Tested it, yes it’s true for this versions and older, youtube videos won’t work inside hotspots which is triggered on hover. This is actually browser bug nothing can be done with it, a possible workaround would be using hotspots that’s triggered on click or provide link to the video for users getting from this browsers.

Hi, I have installed the jquery on my site and even if the Aim effect is working on your html editor, in my php site it’s not working. moreover, the hot spot bubbles are resized wrong. this is in chrome. in IE it’s not working at all

any idea ?

can u email me your website URL to check, u can use my profile page to email me

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey