Play (mp4) videos with mediaelement.js in fancyBox

One of the questions I have seen often is : how to stream (self-hosted) videos in a web page using fancyBox?

A more elaborated question is : how to stream videos consistently through most modern web browsers and devices in a modal box like fancybBox?
 
Continue reading Play (mp4) videos with mediaelement.js in fancyBox

Create a filtered image gallery with jQuery and Fancybox – Part 2 : automatically create image thumbnails with php

In Part 1 we learned how to build a filtered image gallery with jQuery and Fancybox.

Now we are going to learn how to generate our image gallery from images stored in different folders or sub-directories and also create their corresponding thumbnails automatically using php.

With this method, adding images to our existing gallery would be as easy as just placing them in their corresponding category folder.

Continue reading Create a filtered image gallery with jQuery and Fancybox – Part 2 : automatically create image thumbnails with php

Create a filtered image gallery with jQuery and Fancybox

We are going to create a Fancybox image gallery that can be filtered by different categories using jQuery and Fancybox. If you have seen the
Isotope jQuery plugin, then you get the idea of what we will be talking about.

This the first part of a series of two tutorials.

Continue reading Create a filtered image gallery with jQuery and Fancybox