|
Call hidden div from imagemap 9 Years, 4 Months ago
|
Karma: 0
|
Hello,
I have a rather complex imagemap and want to call the Lightbox by clicking on mapped areas. Within the Lightbox I want to open several hidden <div>´s. For every mapped area another <div>.
Here a codesnippet:
SNIPPET OF MY IMAGEMAP
| Code: |
<!-- INSERT THE PICTURE -->
<img name="base" id="trivia" src="http://www.fonag.org.ec/inicio/images/Slide/aprender_jugando/paramo/pag3/base.png" width="655" height="219" border="0" usemap="#m_base" alt="" />
<!-- CREATE THE MAP -->
<map name="m_base" id="m_base">
<area shape="poly" id="chuquiraguaM" coords="304,195,311,195,314,197,316,201,323,199,328,197,331,200,332,203,338,204,346,204,355,205,364,205,368,204,373,202,373,200,373,198,377,195,376,193,375,192,377,189,377,184,376,181,374,181,372,182,371,180,373,176,375,173,372,173,369,174,369,172,368,170,365,170,366,168,367,166,368,161,369,159,366,158,364,158,364,154,365,150,363,149,359,150,358,149,358,145,357,145,352,149,351,145,349,145,346,150,346,152,344,152,342,151,341,153,341,157,339,157,338,154,336,152,334,154,333,156,331,154,328,153,328,156,327,159,324,155,323,158,323,163,323,167,321,167,315,164,309,162,309,165,305,165,303,165,304,169,306,171,304,174,300,173,300,177,301,182,303,183,302,185,302,188,304,190,303,193,305,195,304,195" onmouseover="chuquiraguaH()" onmouseout="original()" href="#TB_inline?height=219&width=655&inlineId=chuquiraguaBox" rel="sexylightbox" title="Chuquiragua Trivia" alt="" />
|
| Code: |
<div id="chuquiraguaBox" style="display: none;">
<!-- INSERT THE PICTURE -->
<img name="chuquiraguaBase" id="chuquiraguaBase" src="http://www.fonag.org.ec/inicio/images/Slide/aprender_jugando/paramo/pag3/chuquiraguaBase.png" width="655" height="219" border="0" usemap="#m_chuquiraguaBase" alt="" />
<!-- CREATE THE MAP -->
<map name="m_chuquiraguaBase" id="m_chuquiraguaBase">
<area shape="rect" coords="327,148,503,163" onmouseover="CH3()" onmouseout="originalC()" alt="" onclick="alert('Correcto Pregunta 1');" />
<area shape="rect" coords="270,131,563,146" onmouseover="CH3()" onmouseout="originalC()" alt="" onclick="alert('Correcto Pregunta 2');" />
<area shape="rect" coords="237,115,593,130" onmouseover="CH3()" onmouseout="originalC()" alt="" onclick="alert('Correcto Pregunta 3');" />
</map></div>
|
Yes, I installed the system everywhere PlugIn and it is activated.
Thats the link to website: fonag.org.ec/inicio/link2c
The Lightbox shall be called when clicking on the red flowers under the speaking bubble, on the bottom in the middle of the image.
I am working with Joomla 2.5.19.
Thanks a lot! |
|
|
|
Last Edit: 2014/12/01 16:02 By clambio.
|
|
|
Re:Call hidden div from imagemap 9 Years, 4 Months ago
|
Karma: 748
|
|
Hello,
Is it possible to see the problem?
Regards,
ARI Soft
|
|
|
|
|
|
|
Re:Call hidden div from imagemap 9 Years, 4 Months ago
|
Karma: 0
|
|
Sorry, just realised it.
Updated my question.
|
|
|
|
|
|
|
Re:Call hidden div from imagemap 9 Years, 4 Months ago
|
Karma: 748
|
|
Check that "System - ARI Sexy Lightbox" plugin is installed, enabled and configured. Set also "Load" parameter to "Always" in plugin settings.
Regards,
ARI Soft
|
|
|
|
|
|
|
Re:Call hidden div from imagemap 9 Years, 4 Months ago
|
Karma: 748
|
|
We wrote about "System - ARI Sexy Lightbox" plugin, not about "System - ARI Sexy Lightbox Anywhere" plugin.
Regards,
ARI Soft
|
|
|
|
|
|
|
