Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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 7 Years, 4 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 06:23 By subster.
The administrator has disabled public write access.
 
#4582
Re:Link Images to Content with Colobox 7 Years, 4 Months ago Karma: 667
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 7 Years, 4 Months ago Karma: 667
[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 7 Years, 4 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 6 Years, 7 Months 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 6 Years, 7 Months ago Karma: 0
P.S. Not with image map, just with normal image
The administrator has disabled public write access.
 
Go to topPage: 123