Fancybox-EN

A multi featured media extension

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) Snow!.

With a simple change the width and height of the thumbnail can be influenced (100x50):
Snow! or without title: .

A separate parm can result that this line of images with different dimensions:
300x200 rij 1 200x300 rij 1 300x300 rij 1

changes in this line:
300x200 rij 2 200x300 rij 2 300x300 rij 2


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.

Rammstein - Ohne dich (official video) 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.

Rammstein - Ohne dich (official video)

Rammstein - Ohne dich (official video)

Rammstein - Ohne dich (official video)

Rammstein - Ohne dich (official video)

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.

Epica - Feint (official video)

Epica - Feint (official video)

Epica - Feint (official video)

Epica - Feint (official video)

Even a link with starting time can be specified (http://www.youtube.com/watch?v=J3BCshj_fqk&t=2m51s) -- see below.

Epica - Feint (official video)


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.

Look at me!

Insert coin

Sonar


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 specified text

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.

A web site

Own HTML


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.

SWF in a pop-up


Types Text, Iframe and Flash can be shown using your own thumbnail:

freeimagesuk/irredecentcd2475.jpg

Used tags: extension fancybox

Advert

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Add to favorites
  • email
  • Facebook
  • LinkedIn
  • Twitter
  • NL
QR
Follow Remark Webdesign!

 

Advert

Copyright 2012-2024 © Remark Webdesign
https://www.remark-webdesign.nl/pivxbase/page/fancybox-en/remarkwebdesignen