| Server IP : 172.67.187.206 / Your IP : 172.71.28.155 Web Server : Apache/2.4.25 (Win32) OpenSSL/1.0.2j PHP/5.6.30 System : Windows NT WIN-ECQAAA40806 6.2 build 9200 (Windows Server 2012 Standard Edition) i586 User : SYSTEM ( 0) PHP Version : 5.6.30 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /Inetpub/www/news/csr/admin/assets/plugins/fancybox/ |
Upload File : |
<div style="padding: 50px;width: 80%;max-width: 600px;">
<h3>
Hello there, You look nice!
</h3>
<p>
You can easy create stackable modal boxes. For example, your inline content or Ajax response can contain a gallery:
</p>
<p class="imglist-small">
<a data-fancybox="ajax-gallery-1" href="https://farm8.staticflickr.com/7367/16426879675_e32ac817a8_b.jpg" title="Codirosso spazzacamino (Massimo Greco _Foligno)"><img width="160" height="106" src="https://farm8.staticflickr.com/7367/16426879675_e32ac817a8_m.jpg" alt="" /></a>
<a data-fancybox="ajax-gallery-1" href="https://farm6.staticflickr.com/5612/15344856989_449794889d_b.jpg" title="Morning Twilight (Jose Hamra Images)"><img width="160" height="106" src="https://farm6.staticflickr.com/5612/15344856989_449794889d_m.jpg" alt="" /></a>
<a data-fancybox="ajax-gallery-1" href="https://farm8.staticflickr.com/7289/16207238089_0124105172_b.jpg" title=" (Eric Goncalves (cathing up again!))"><img width="160" height="106" src="https://farm8.staticflickr.com/7289/16207238089_0124105172_m.jpg" alt="" /></a>
<a data-fancybox="ajax-gallery-1" href="https://farm9.staticflickr.com/8568/16388772452_f4d77a92c7_b.jpg" title="Arctic Paradise (Tom Draxler)"><img width="160" height="106" src="https://farm9.staticflickr.com/8568/16388772452_f4d77a92c7_m.jpg" alt="" /></a>
<a data-fancybox="ajax-gallery-1" href="https://farm8.staticflickr.com/7308/15783866983_27160395b9_b.jpg" title="Rodeo Dusk (_JonathanMitchellPhotography_)"><img width="160" height="106" src="https://farm8.staticflickr.com/7308/15783866983_27160395b9_m.jpg" alt="" /></a>
<a data-fancybox="ajax-gallery-1" href="https://farm3.staticflickr.com/2880/10346743894_0cfda8ff7a_b.jpg" title="Les papillons ont du chagrin (JMS')"><img width="160" height="106" src="https://farm3.staticflickr.com/2880/10346743894_0cfda8ff7a_m.jpg" alt="" /></a>
</p>
<p>
Animations can be added with simple CSS transitions:
<br />
<a href="#message" class="btn btn-danger" data-fancybox>Try me</a>
</p>
</div>
<div id="message" style="display: none; padding:50px; min-width: 300px; text-align:center;">
<h3>Hello!</h3>
<p>
This is another instance of fancyBox!
</p>
<p>
<button class="btn" data-fancybox-close>Got it!</button>
</p>
</div>