Gebruikte Tags: extension fancybox
Laatst bewerkt op: 3 April 2016 - Hoofdstuk: Extension examples.
This extension makes it possible to let things "pop-up" whenever a text or image link is clicked.
This extension is pre installed in a standard Remark Webdesign weblay-out.
If this installation should be executed separately then the cost is equal to 1 hour. This installation includes explanation on how to use it.
Notice that all images on this page form a chain; whenever an image pop-up is clicked you can use the mouse wheel or clicking the arrows to browse through the images. It only takes a small change to create groups in stead of a chain.
The image show can be stopped by clicking next to the shown image.
A general sample is the image pop-up like created through the editor:
as a text link or as mini-image (thumbnail) .
With a simple change the width and height of the thumbnail can be influenced (100x50):
or without title: .
A separate parm can result that this line of images with different dimensions:
It is possible to play a Youtube movie in the pop-up. If the movie was uploaded on Youtube including a thumbnail then this will be shown (the size cannot be influenced).
This movie can be specified through its movid or the link that Youtube wishes.
This is a movie specified by movid LIPc1cfS-oQ. The title shown below the pop-up is 1 of the specified variables.
In general the movie fits nicely in the standard Fancybox pop-up.
You can redefine the size of the shown pop-up for this type, the movie will be fitted accordingly. Getting to know the height and width of a movie is difficult. The regular format is 4:3 (480x360 of 320x240) most of the times and widescreen 16:9 (640x360).
Below is specified 480x360, only width 800, only height 100 and 640x360 successively.
You can also use a Youtube link. Several lay-outs exist and Fancybox can cope with most of them.
Below are samples of the short link (youtu.be), watch link (watch?v=), long link and embed link.
Even a link with starting time can be specified (http://www.youtube.com/watch?v=J3BCshj_fqk&t=2m51s) -- see below.
Fancybox can also cope with Vimeo movies. Again as well movid as link can be specified. If there is a thumbnail existing then it will be shown. The size of the pop-up shown can be adapted. Unfortunately most mobile browsers will not show this format at all or not correct.
Even Text can be shown in a Fancybox pop-up. The size of the pop-up can be adapted again. The text to be shown can be specified directly or in a separate file. This method is not meant for HTML text, for that you can use method Iframe (described further on). The text can be shown in its own color and background color and styled through a css class.
A text file in different colors
With type Iframe other web sites or your own HTML can be shown in a pop-up. The size of the pop-up is fixed.
Finally an example of Fancybox showing Flash in a pop-up. The size of the pop-up is fixed. Unfortunately most mobile browsers will not show this format at all or not correct.
Types Text, Iframe and Flash can be shown using your own thumbnail: