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, does the plugin support IE 10 ? And what if i would make the image repsonsive? Will the plugin still work ?

1- yes

2- sure!

Wish you just made a zip file to upload it straight from wp dashboard. Now I’m doing your instructions as followed, can’t get any of this crap to work. They only thing it changes is my navigation bar to make everything crunched up…..

Hi,

sry for any inconvenience u may have encountered but to clarify the plugin is a jQuery plugin not a wordpress plugin so u can’t install it like u do with wordpress plugins but still u can use it in wordpress. As u followed installation instruction, plz email me with URL to check to see what’s wrong.

I will be happy to help u!

Awesome, thank you so much! Do you have anyway I can private msg you or email you? I can send you screen caps of what I am doing along with any other info.

u can email me from the form in my profile page, http://codecanyon.net/user/z-B

Has anyone used this with a Joomla site?

u just need to include plugin css & js files in joomla template then run the plugin and u r done!

here’s a tutorial to how to include css & js files in your template http://www.inmotionhosting.com/support/edu/joomla-3/create-template/add-css-and-js

Hello, love this. It is exactly what i was looking for!! I really need one thing if you could help. I need to be able to use this on pdf’s, can i us eit the same way but with pdf files?

unfortunately pdfs are different environment than browsers , the code wont work in it. thanks for ur interest!

Hi, I’m have a error coming up in google chrome:

Denying load of chrome-extension://ganlifbpkcplnldliibcbegplfmcfigp/scripts/vendor/jquery/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

Any idea how to fix. Thank you Daniel

Hi Daniel,

actually this isn’t related to Hotspotter, this kind of errors come due to some chrome extension trying to inject a resource like js or css file inside a webpage which is not explicitly allowed to do so. because chrome can’t find that resource in “manifest.json” file.

i suggest u contact extension developer

Before I buy, how large of an image will Hotspotter handle. I have an image that is 900×1200 pixels, and it will have approximately 200 hot spots.

Will this program handle an image this large and this many hot spots?

sure it can, and the good thing is that u can test that your self before buying using the Editor, also the Editor has a clone functionality so u can quickly create large number of spots for testing!

here’s a direct link to the Editor: http://0.s3.envato.com/files/55080056/Editor/Editor.html

Enjoy!

Thank you! I purchased Hotspotter. Please Help me!

Can you please check the page below. I have set my tooltip widths at 640, 360 and 400, but they are not showing up at these widths.

SEE COLUMN 2, ITEMS 1, 2, and 3 in the table shown at the link below.

http://www.naturalelementhomes.com/packages/package-comparison.html

glad u liked it!. The problem is that u r using an old version of jquery “1.4.2” and the plugin require versions 1.6 or higher. just update jquery.

Incredible product. This is a game changer

thanks very much!

I believe I’m looking for your product, but I’m not quite sure. What I intend to do is put up a Small map and when someone hovers over a dot on the map a slide out will fall from the bottom of the map with information. The trick is the slide out should always come out of the same place and be the same dimensions and I would like it to start in an open position. So am I looking at the right product?

i think u can use aiming effect , see this demo http://2.s3.envato.com/files/55080056/index.html#aiming_effect

u can also look at other features there. thanks for ur interest!

Hello,

I purchased your plugin and I would like to some help, in order to customize it a bit. I am not looking for custom code just a few pointers.

The first thing I want to change is the image selection: in my project I have a script (pupload) where the user uploads an image and I want the editor to use that image. Which means, I want to feed the image url to the editor at the callback of the script and remove the new image button. Is that possible?

Also, if an image already exists I want the editor to use that image and not have to uploaded every time.

Thanks

Hi Antonis,

- To run an image in the Editor, u can use ‘initNewImage’ function which take image URL - in the second question u will need to have server side script that check existence of the image then serve the editor HTML and automatically run ‘initNewImage’ with that image URL

- finally plz email me for support questions, u can do so from my profile page

Enjoy!

Hello,

is it possible to use the editor to save the hotspots in a mysql db (with php) and retrieve them dynamically in the webpage?

I want to add multilingual tooltips that are created depending on the selected language.

Thanks

Hi,

unfortunately it will require custom coding and i am not available right now.

Hello,

if I purchase the plugin, would be able to point me to where should I look to make these changes myself?

Thanks

sure

Hi, i’m very interested. ¿Can I use it in a wordpress site?

sure u can, u will find installation instructions in documentation

When I check responsive in the editor, but my image is not responsive with the window?

Am I missing something?

Hi,

you must make your image responsive “for ex: load different image sizes from the server depending on the device the visitor is using” or fluid “for ex, by setting width:100% to resize with window resize”.

in such cases when u check repsonsive in the editor and add necessary code for it the spots will also be responsive.

the Editor wont make the image itself repsonvie because it depends on your use case but instead it will make the spots responsive with the image.

finally , plz use email for support u can contact me from my profile page, thanks.

Cool product! Great support – he answers questions and took the time to help me work through installing it.

thanks, u r welcome :)

This looks perfect for my needs.

One (most likely silly) question: How does it affect SEO? Will terms within the onhover boxes be counted as part of the page they are on?

Looking forward to using this!

Hi, unfortunately tooltips content is ignored by search engines as it’s hidden.

thanks for ur interest

Oh, I have MSIE 9. Thought that one is supposed to fix everthing.

Help please.

Everything is going great with my using Hotspotter, almost. What I need to do is to make the hotspot boxes around my spot visible all the time so the user knows what is clickable.

I can add this style at the end of the main css file and it works: .onhover-spot {border:solid #444;}

You see it works in Firefox: http://ga.water.usgs.gov/edu/spot-test.html

But in MSIE, on the hover of Precipitation, you see the box surrounding “runoff”. But on “sun” you don’t see any other boxes. It only shows the boxes in the popups of those areas in the HTML code coming after the box being shown. (“Sun” comes last so no other boxes show through, but “Runoff” is after “Precip” so the Runoff box shows in the hover popup box for Precip.).

Question: is there another way of always showing the boxes around each hotspot without them showing through (some) in MSIE?

If I don’t add the .onhover-spot {border:solid #444;} then I don’t get any boxes around the “hot” terms.

Thanks, Howard Perlman hperlman@usgs.gov

Hi Howard,

the problem is that u r running in compatibility mode , to turn it off and fix the issue add this at HTML head tag

<meta http-equiv="X-UA-Compatible" content="IE=edge" >

Hey, great! Yes, what a nice fix that is. That changes everything and I can continue. THanks for the help.

Hi are you available for custom work? Thanks!

unfortunately i am not available right now, thanks

ok thanks for getting back to me

Hi I want to use hotspots to run some code within an iFrame

Basically I have plan of a building with hotspots and when the user clicks on one I want the virtual tour within the iFrame to change to the place where the hotspot is clicked. The plan is a jpg but the virtual tour is within an iFrame in wordpress

thanks

John

Hi john, i wish i could help but unfortunately i am not available right now for custom work, thanks

Hi i want to remove the CALL OUT arrow when hover over any selected hotspots – reason being the added in the position adjustment & the callout is pls see image hosted here – http://s2.postimg.org/z5xoyl521/box1.png

Secondly i would also like to remove the entire frame box containing that call out is that possible ? where do i edit to remove the container..thanks

To remove the arrow, u will need to remove ’.tip-tooltip:before’ also to customize the container frame “the tooltip” u can easily do it in ‘tip-tooltip’ class

plz use email for support questions, u can email me from my profile page.

Is it possible to create custom animations? Or could you briefly explain how these are called in the dev file so I can add them myself.

I am looking to recreate an effect where a bar expands from the hotspot, then the tooltip expands to the height of the content before the content fades in. does this make sense?

jsfiddle to show what I mean here

sure u can , the plugin provide an API so u can easily make custom animations. simply extend ’$.fn.hotspotter’ with an object that has these methods “enter, leave, click, scale”, u will find more details in the documentation also u can look at the source code of the plugin u will find the default objects “General, Aim”.

finally please use email for support questions, u can email me from my profile page i will be more than happy to reply

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