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?

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 12 Years, 1 Month 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 12 Years, 1 Month ago Karma: 747
Hello,

What plugin code do you use?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#25751
Re:How to use Fancy box 12 Years, 1 Month 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 12 Years, 1 Month ago Karma: 747
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 12 Years, 1 Month 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 12 Years, 1 Month ago Karma: 747
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