ARI Soft - Image Map with ARI JDialog popup

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

31/12/2023 New Year SALE

We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

more...
21/11/2023 BLACK FRIDAY 23 is coming

BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Smart Content

Image Map with ARI JDialog popup

(1 viewing) (1) Guest

Page: 12

TOPIC: Image Map with ARI JDialog popup

Forum Tools

#8385

Image Map with ARI JDialog popup 13 Years, 8 Months ago	Karma: 0
Hello, I wonder if anyone has built an image map where the links within the image map pop up in an ARI JDialog style popup window? ... Or if anyone knows off hand how to activate the JDialog box instead of just including an href link? .. or if anyone has a different solution for a similar result? Thanks!

mariner

The administrator has disabled public write access.

#8397

Re:Image Map with ARI JDialog popup 13 Years, 8 Months ago Karma: 748

Hello,

Unfortunately "ARI JDialog" plugin doesn't provide this ability because it can't load external pages, but this feature can be implement with other our extensions:

1. If use "System - ARI Sexy Lightbox" plugin from ARI Sexy Lightbox code will look like:

Code:



<img src="PATH_TO_IMAGE" alt="alternative text" usemap="#mapname" />

<map name="mapname">

  <area shape="rect" coords="9,9,66,397" rel="sexylightbox" href="http://en.wikipedia.org?TB_iframe=true&height=450&width=80" />

</map>

2. If use "System - ARI Colorbox" plugin from ARI Colorbox code will look like:

Code:



<img src="PATH_TO_IMAGE" alt="alternative text" usemap="#mapname" />

<map name="mapname">

  <area shape="rect" coords="9,9,66,397" class="aricolorbox {iframe: true, width: 800, height: 450}" href="http://en.wikipedia.org" />

</map>

3. If use "System - ARI Fancybox" plugin from ARI Fancybox code will look like:

Code:



<img src="PATH_TO_IMAGE" alt="alternative text" usemap="#mapname" />

<map name="mapname">

  <area shape="rect" coords="9,9,66,397" class="arifancybox iframe {width: 800, height: 450}" href="http://en.wikipedia.org" />

</map>

4. If use "System - ARI Pretty Photo" plugin from ARI Pretty Photo code will look like:

Code:



<img src="PATH_TO_IMAGE" alt="alternative text" usemap="#mapname" />

<map name="mapname">

  <area shape="rect" coords="9,9,66,397" href="http://en.wikipedia.org?iframe=true&width=600&height=450" rel="prettyPhoto" />

</map>

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#8424

Re:Image Map with ARI JDialog popup 13 Years, 8 Months ago

Karma: 0

Thanks for the detailed reply... sold.. I'm just deciding which one.

And one more question... your reply clarified what i'm trying to do...

I'm actually just trying to pull up some html content within the JDialog box.
... in that case would JDialog work? If so what would the code be for that?

...edit.. I'm playing with colorbox; I can bring up an external URL; how would the imagemap code change to bring up inline content?

Thank You.

mariner

Last Edit: 2010/11/06 08:25 By mariner.

The administrator has disabled public write access.

#8466

Re:Image Map with ARI JDialog popup 13 Years, 8 Months ago Karma: 748

Sorry for the delay. Code for colorbox will look like:

Code:



<div class="ari_colorbox_hide" id="myContent1">

    Test content

</div>

<img src="PATH_TO_IMAGE" alt="alternative text" usemap="#mapname" />

<map name="mapname">

  <area shape="rect" coords="9,9,66,397" class="aricolorbox {inline: true, height: 450, width: 300}" href="#myContent1" />

</map>

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#8838

Re:Image Map with ARI JDialog popup 13 Years, 7 Months ago	Karma: 0
Thank You for the great detailed help.

mariner

The administrator has disabled public write access.

#13888

Re:Image Map with ARI JDialog popup 13 Years, 2 Months ago

Karma: 0

Hi,

I'm hoping you can help me please.
I'm trying to do a similar/same thing as 'Mariner' in that I want to have my image map throw up lightbox images as pop ups rather than navigate to a new page.
Where would I input the code you have shared below?

Currently, the code I have for my image map is:


<p><img src="www.site.co.uk/images/imagemap.jpg" usemap="#imagemap" width="1000" height="898" alt="click map" border="0" /> <map name="imagemap"> 
<area shape="circle" coords="227,187,82" href="www.site.co.uk/images/image.jpg" alt="Detail1" title="Detail1" /> 
<area shape="circle" coords="328,369,86" href="javascript:void(null);" alt="Title" title="Title" /> 
<area shape="circle" coords="160,628,82" href="javascript:void(null);" alt="Title" title="Title" /> 
<area shape="circle" coords="612,219,88" href="javascript:void(null);" alt="Title" title="Title" /> 
<area shape="circle" coords="848,386,79" href="javascript:void(null);" alt="Title" title="Title" /> 
<area shape="circle" coords="741,686,81" href="javascript:void(null);" alt="Title" title="Title" />
<area shape="default" alt="" /> </map></p>


Should I be replacing the "javascript:void(null);" with your code??

Sorry for the stupid questions - very much the noob here.

Many thanks

Jon

jonb

Last Edit: 2011/04/20 21:00 By jonb.

The administrator has disabled public write access.

Page: 12

Useful Links