ARI Soft - Arisexylightbox inside imagemap ->Youtube-Videos

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 Sexy Lightbox

Arisexylightbox inside imagemap ->Youtube-Videos

(1 viewing) (1) Guest

Page: 1

TOPIC: Arisexylightbox inside imagemap ->Youtube-Videos

Forum Tools

#26282

Arisexylightbox inside imagemap ->Youtube-Videos 12 Years, 1 Month ago

Karma: 0

Hello

i just purchased the arisexylightbox and now try to setup an article including an imagemap, where several areas of the image should link to several youtube-videos. but whatever i try, - i can't get it top work.
here's my test-code so far:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<p><img src="/images/stories/Indonesien Karte v6.jpg" alt="e" usemap="#Map" height="414" border="0" width="893" />
<map name="Map" id="Map">
<area shape="circle" coords="217,245,54" href="/images/stories/Indonesien Karte v6.jpg" rel="sexylightbox" />
<area shape="circle" coords="846,369,43" href="/images/stories/klappe.flv" rel="sexylightbox" />
<area shape="circle" coords="458,301,49" href="youtu.be/u86cpDNTL1A" rel="sexylightbox" />
</map>
</p>

the first area with the linked image works flawlessly, but the "red" ones with flv-Video/youtube-link don't work. either the lightbox-frame show "404", or the lightbox-frame shrinks to simgularity and does nothing.

What am i doing wrong ?
Thanks and

tmo

The administrator has disabled public write access.

#26286

Re:Arisexylightbox inside imagemap ->Youtube-Videos 12 Years, 1 Month ago Karma: 748

Hello,

Try to use the next HTML code:

Code:



<img src="images/stories/Indonesien Karte v6.jpg" alt="e" usemap="#Map" height="414" border="0" width="893" />

<map name="Map" id="Map">

<area shape="circle" coords="217,245,54" href="images/stories/Indonesien Karte v6.jpg" rel="sexylightbox" />

<area shape="circle" coords="846,369,43" href="images/stories/klappe.flv?width=800&height=550" rel="sexylightbox" />

<area shape="circle" coords="458,301,49" href=""http://www.youtube.com/watch?v=u86cpDNTL1A&width=800&height=600" rel="sexylightbox" />

</map>

If it doesn't help, could you provide a link to a page where we can see described problem?

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#26288

Re:Arisexylightbox inside imagemap ->Youtube-Videos 12 Years, 1 Month ago

Karma: 0

Thank you so much for your quick (and helpful) response !!!
The "<area shape..." lines you've sent to me did it !
(But the image-map was not recognized anymore, i just rebulit it with dreamweaver and replaced the topmost few lines).

Here's the working final code:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Testdokument</title>
<img src="/images/stories/Indonesien Karte v6.jpg" alt="e" usemap="#Map" height="414" border="0" width="893" />
<map id="Map" name="Map">
  <area shape="circle" coords="217,245,54" href="images/stories/Indonesien Karte v6.jpg" rel="sexylightbox" />
  <area shape="circle" coords="846,369,43" href="images/stories/klappe.flv?width=800&height=550" rel="sexylightbox" />
  <area shape="circle" coords="458,301,49" href="www.youtube.com/watch?v=u86cpDNTL1A&width=800&height=600" rel="sexylightbox" />
</map>

Thanks again

perfectly happy

tmo

The administrator has disabled public write access.

Page: 1

Useful Links