Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your 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.

  • 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.


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




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Link Images to Content with Colobox
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Link Images to Content with Colobox
#4577
Link Images to Content with Colobox 13 Years, 10 Months ago Karma: 0
Hi there,

two questions:

How can i link an image to popup inline content? It seems impossible.

Secons questions, i use an image map, code is this:

Code:

<img src="partner.png" USEMAP="#partner" BORDER=0>
<map name="partner">
  <area shape="circle" coords="77,111,61" href=""  alt="" title="">
  <area shape="circle" coords="352,81,64" href=""  alt="" title="">
  <area shape="circle" coords="230,202,61" href=""  alt="" title="">
  <area shape="circle" coords="109,378,61" href=""  alt="" title="">
  <area shape="circle" coords="380,301,64" href=""  alt="" title="">
  <area shape="circle" coords="716,129,62" href=""  alt="" title="">
  <area shape="circle" coords="739,364,62" href=""  alt="" title="">
  <area shape="circle" coords="550,232,61" href=""  alt="" title="">
  <area shape="circle" coords="540,80,61" href=""  alt="" title="">
  <area shape="circle" coords="519,425,61" href="http://linkthatshouldopenincolorbox"  alt="" title="">



A quick help would be really appreciated! Thank you very much!
</map>
Last Edit: 2010/05/31 12:23 By subster.
The administrator has disabled public write access.
 
#4582
Re:Link Images to Content with Colobox 13 Years, 10 Months ago Karma: 746
Hello,

Regarding your questions:

1. If you want to use 'System - ARI Colorbox Anywhere' plugin for this purpose, download 'ARI Colorbox' from 'Member Area' on our site and upgrade 'System - ARI Colorbox Anywhere' plugin. Then you can type the following code in Joomla! content:

Code:


{aricolorbox activeType="icontent" opt_width="300" opt_height="250" link="Click me" title="Hidden text"}
{content}
Inline content which you want to show in colorbox goes here.
{/content}
{link}
<img src="[path_to_your_image]" />
{/link}
{/aricolorbox}



In other words, place inline content which you want to show in lightbox between {content} and {/content} tags and an image between {link} and {/link} tags which will be used as link to lightbox. If you want to use 'ARI Colorbox' module for this purpose, type in 'Link text' parameter HTML code for your image like this:

Code:


<img src="[path_to_your_image]" />



2. 'ARI Colorbox' doesn't support image map, but we'll investigate possibility of adding this feature and report about results soon.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#4583
Re:Link Images to Content with Colobox 13 Years, 10 Months ago Karma: 746
[Update] About the second question, download the extension in 'Member Area' on our site and upgrade 'System - ARI Colorbox' plugin, please. And use the following code with image map:

Code:


<img src="partner.png" USEMAP="#partner" BORDER=0>
<map name="partner">
  <area shape="circle" coords="77,111,61" href=""  alt="" title="">
  <area shape="circle" coords="352,81,64" href=""  alt="" title="">
  <area shape="circle" coords="230,202,61" href=""  alt="" title="">
  <area shape="circle" coords="109,378,61" href=""  alt="" title="">
  <area shape="circle" coords="380,301,64" href=""  alt="" title="">
  <area shape="circle" coords="716,129,62" href=""  alt="" title="">
  <area shape="circle" coords="739,364,62" href=""  alt="" title="">
  <area shape="circle" coords="550,232,61" href=""  alt="" title="">
  <area shape="circle" coords="540,80,61" href=""  alt="" title="">
  <area shape="circle" coords="519,425,61" href="http://linkthatshouldopenincolorbox" alt="" title="" class="aricolorbox {iframe:1,width:500,height:450}">
</map>



In brief, add "class" attributes to necessary <AREA> tags, and place "aricolorbox" value in this attribute and additional parameters for lightbox.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#4585
Re:Link Images to Content with Colobox 13 Years, 10 Months ago Karma: 0
Wow, thats what i call a quick and effective support!!
Thank you so much for that!!
The administrator has disabled public write access.
 
#11954
Re:Link Images to Content with Colobox 13 Years ago Karma: 0
I would like to do this but link to a flickr photoset, I have tried the method shown making the obvious changes but I can't get it to work, any ideas?
The administrator has disabled public write access.
 
#11955
Re:Link Images to Content with Colobox 13 Years ago Karma: 0
P.S. Not with image map, just with normal image
The administrator has disabled public write access.
 
Go to topPage: 123