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?

Multiple custom HTML code into lightbox slideshow
(1 viewing) (1) Guest
"ARI Fancy Lightbox" WordPress plugin
Go to bottomPage: 1
TOPIC: Multiple custom HTML code into lightbox slideshow
#61212
Multiple custom HTML code into lightbox slideshow 6 Years, 7 Months ago Karma: 0
Hi

Thanks for your great plugin. I'm using a variation of your "How to show a custom HTML code into the lightbox?" code to display multiple blocks of code. E.g.

<div id="mySampleContent1" class="fancybox-hide">1 This content will be shown into the lightbox</div>
<a href="#mySampleContent1" class="ari-fancybox">Open lightbox 1</a>
<div id="mySampleContent2" class="fancybox-hide">2 This content will be shown into the lightbox</div>
<a href="#mySampleContent2" class="ari-fancybox">Open lightbox 2</a>
<div id="mySampleContent3" class="fancybox-hide">3 This content will be shown into the lightbox</div>
<a href="#mySampleContent3" class="ari-fancybox">Open lightbox 3</a>

However when I use this code I don't get the slide controls, just a close button on each lightbox. Is there any way to combine 3 separate HTML blocks into a lightbox slideshow?

Thanks
The administrator has disabled public write access.
 
#61215
Re:Multiple custom HTML code into lightbox slideshow 6 Years, 7 Months ago Karma: 747
Hello,

Use data-fancybox-group attribute to group items. The code will be:

Code:


<div id="mySampleContent1" class="fancybox-hide">1 This content will be shown into the lightbox</div> 
<a href="#mySampleContent1" class="ari-fancybox" data-fancybox-group="gallery1">Open lightbox 1</a>
<div id="mySampleContent2" class="fancybox-hide">2 This content will be shown into the lightbox</div> 
<a href="#mySampleContent2" class="ari-fancybox" data-fancybox-group="gallery1">Open lightbox 2</a>
<div id="mySampleContent3" class="fancybox-hide">3 This content will be shown into the lightbox</div> 
<a href="#mySampleContent3" class="ari-fancybox" data-fancybox-group="gallery1">Open lightbox 3</a>



Regards,
ARI Soft
The administrator has disabled public write access.
 
#61216
Re:Multiple custom HTML code into lightbox slideshow 6 Years, 7 Months ago Karma: 0
Thank you, that's perfect
The administrator has disabled public write access.
 
Go to topPage: 1