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?

How to use Fancy box
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: How to use Fancy box
#25747
How to use Fancy box 5 Years, 7 Months ago Karma: 0
First of all thanks for this great product and email customer service.

I using Fancy box anywhere product in my localhost before publishing in my main website.
I love it but when I try to use Fancy box anywhere for some thumbnails picture, it does not
give the result I expect. for example; I want to generate thumbnails to like but it shows the
thumbnails vertically even when I insert the html code on in between(just as you recommended me in another post)

So, Is that not possible using Fancy box anywhere? how does the Fancy box module work?
I have tried several settings trying to publish the gallery in the home and gallery pages but I don't see anything.

I have attached a file with some pictures with setting used in the Fancy Box module.

best regards,

Josue Almendares
File Attachment:
File Name: picture-976f0f8c0df0b14610535b122442fd11.zip
File Size: 478355
The administrator has disabled public write access.
 
#25750
Re:How to use Fancy box 5 Years, 7 Months ago Karma: 667
Hello,

What plugin code do you use?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#25751
Re:How to use Fancy box 5 Years, 7 Months ago Karma: 0
<p>{arifancybox activeType="imglist" dir="images/album1" type="customtext"}<img src="images/album1/thumbnail/thumb.jpg" />{/arifancybox}</p>
The administrator has disabled public write access.
 
#25752
Re:How to use Fancy box 5 Years, 7 Months ago Karma: 667
This code shows only one thumbnail and if a user clicks by it, shows other images into the lightbox. It is not clear what images are show vertical.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#25755
Re:How to use Fancy box 5 Years, 7 Months ago Karma: 0
I am using the following code; when I remove the Fancybox code, all the thumbnail pictures are organizes in columns and rows.

<p>{arifancybox activeType="imglist" dir="images/album1" type="customtext"}<img src="images/thumb/thumb1.jpg" width="229" height="229" alt="thumb1" title="Title2" style="margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px;" />{/arifancybox} {arifancybox activeType="imglist" dir="images/album1" type="customtext"}<img src="images/thumb/thumb1.jpg" width="229" height="229" alt="thumb1" title="Title3" style="border-image: initial; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px;" />{/arifancybox}{arifancybox activeType="imglist" dir="images/album1" type="customtext"}<img src="images/thumb/thumb1.jpg" width="229" height="229" alt="thumb1" title="title2" style="margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px;" />{/arifancybox}</p>
The administrator has disabled public write access.
 
#25758
Re:How to use Fancy box 5 Years, 7 Months ago Karma: 667
You can wrap this code with a HTML table. For example use the next code:

Code:


<table>
 <tr>
  <td>{arifancybox activeType="imglist" dir="images/album1" type="customtext"}<img src="images/thumb/thumb1.jpg" width="229" height="229" alt="thumb1" title="Title2" style="margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px;" />{/arifancybox}</td>
  <td>{arifancybox activeType="imglist" dir="images/album1" type="customtext"}<img src="images/thumb/thumb1.jpg" width="229" height="229" alt="thumb1" title="Title3" style="border-image: initial; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px;" />{/arifancybox}</td>
 </tr>
 <tr>
  <td>{arifancybox activeType="imglist" dir="images/album1" type="customtext"}<img src="images/thumb/thumb1.jpg" width="229" height="229" alt="thumb1" title="title2" style="margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px;" />{/arifancybox}</td>
  <td></td>
 </tr>
</table>



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 12