Change the face of your website by using our Sliding Hotspot Mapper!

Infused with accuracy at a pixel level, the Sliding Hotspot Mapper features great customization capabilities and fulfills the demanding requirements of modern web design trends, while permitting seamless integration with your current design for a smart addition to your website’s visual interface.

Use the Sliding Hotspot Mapper as a unique, original, and creative means of capturing the attention of your website’s visitors towards several details that exist on an image of your choice.

The Sliding Hotspot Mapper application offers you design flexibility for an easier and more aesthetically pleasing user experience.

No matter if you’re using a small or very large image, no matter if the available space where you intend to display the image is tiny or you have a fullscreen browser window, you don’t have to worry about those details. The Sliding Hotspot Mapper is here to help you out. You can even use multiple instances of the Sliding Hotspot Mapper application embedded into the same HTML page, each showing its own image, with its own, specific hotspots. The only limit is your imagination. Finding out the needed hotspots location is a breeze. Each hotspot can easily be placed over the image with pixel-perfect accuracy thanks to the additional “Locator” Application, which allows you to find out and automatically copy the location (X and Y coordinates) of each point of interest on your image, so you can then simply paste the copied code into the specific XML hotspot attribute.


  • Easy to use and embed into your HTML page
  • No Flash knowledge required
  • You can use images of any size, even very large ones
  • Use the application in full-browser size or custom size
  • Set XML path via Flashvars
  • 14 “global” settings + 10 settings for each hotspot – customize everything via XML
  • Smart tooltips with optional image
  • Define as many hotspots as you wish
  • Easily place any hotspot with the “Locator” Application

The item makes use of the powerful SWFObject JavaScript library, so you can easily embed the SWF into your HTML page.

When you buy the item, you get a very detailed, 21-page PDF userguide with screenshots that teaches you to fine-tune the Sliding Hotspot Mapper based on your specific preferences.


<GeneralSettings>

        <loaderColor>0x000000</loaderColor>
        <slidingImage>1814x1361.jpg</slidingImage>
        <slidingSpeed>1.5</slidingSpeed>
        <hotspotsStopSliding>false</hotspotsStopSliding>
        <hotspotsOpacity>100</hotspotsOpacity>
        <hotspotsHitarea>100</hotspotsHitarea>
        <hotspotsUseHandCursor>true</hotspotsUseHandCursor>
        <hotspotsUseAnimation>true</hotspotsUseAnimation>
        <hotspotsAnimationWaves>7</hotspotsAnimationWaves>
        <hotspotsAnimationRepeatDelay>.4</hotspotsAnimationRepeatDelay>
        <tipsBufferSpace>15</tipsBufferSpace>
        <tipsBgColor>0x000000</tipsBgColor>
        <tipsBgOpacity>64</tipsBgOpacity>
        <tipsBgDropShadow>false</tipsBgDropShadow>

    </GeneralSettings>

    <Hotspots>

        <hs>
            <location>590;491</location><!-- horizontal location in px;vertical location in px -->
            <shape>DOT</shape><!-- available values: SQUARE, DOT, CIRCLE, TRIANGLE, CROSS -->
            <color>0xFFFF00</color><!-- HEX color of the hotspot shape -->
            <animColor>0xFFFF00</animColor><!-- HEX color of the "circular waves" animation -->
            <tipWidth>182</tipWidth><!-- tooltip width; use an integer or "auto" for the tooltip to be as wide as the text it contains -->
            <tipThumbnail>th_rider_seat.jpg</tipThumbnail><!-- the thumbnail image - optional, leave empty if you don't want to use a thumbnail -->
            <tipText>
                <![CDATA[<p align="center"><font color="#FFFF00">Rider Seat</font></p><p align="justify">The component allows you to set <b>14</b> <i>Global Parameters</i>. You can customize each hotspot individually in XML by modifying <b>10</b> <i>Specific Parameters</i>.</p><br /><p align="center">Click to see the XML file.</p>]]>
            </tipText>
            <tipPosition>TL</tipPosition><!-- available values: TL, TC, TR, CL, CR, BL, BC, BR -->
            <url target="_self">full_browser_size.xml</url><!-- when hotspot is clicked, launch this URL -->
        </hs>

\\
Contact me via my profile if you have any questions related to this file.

Please don’t forget to rate after buying :)

Thanks!

by
by
by
by
by
by