Website Template Gallery Options

Using the Gallery to Display Other File Types


The galleries in Allwebco templates are configured to show .jpg and .mp3 files. They can be used to display any other type of files including mp4, avi, wmv, mov, .wav, pdf, ram, html, another webpage or almost any other type of file that can be displayed through websites.

A current webpage gallery link:
This is the code from a coolC10 gallery 1, picture 1, but all other templates are similar. (in FP and DW right click a gallery image to view your link code):

<a href="javascript:popUp('gallery/Fgallery1-1.jpg')">

Changing this to link to a movie or PDF file:
Editing the above code like the following will open a new webpage, or a video player application in some browsers, and display your video:

<a href="mymovie.mp4">

<a href="mymovie.mpeg">


Or use the following to link to a PDF file that opens in a new browser window:

<a href="sample.pdf" target="_blank">

You can target any file you link to, to open in a new browser window. Click here for instructions.

Linking gallery images to HTML pages:
You can link your gallery images to other HTML pages or other gallery pages. Below is the code you will see in the gallery pages that you will want to edit. (In some HTML editors you can right click a gallery image to view your link code.)

<a href="javascript:popUp('gallery/Fgallery1-1.jpg')">

...or...

<a href="javascript:ViewImage('gallery/Fgallery1-1.jpg')">

Change that to the following to link to the "yourpage.htm" for example:

<a href="yourpage.htm">

You can also target these in a new browser window. Click here for instructions.

Code for a musician Mp3 type template:
For sounds mp3 musician website templates that include a popup selection type viewer, you can optionally use the following. This will work only with some file types and only in some musician website templates:

The current webpage code (Sounds musician templates):

<a href="javascript:popUpSound('sounds/song1-1.mp3')">

Edit for your file:
You can edit the code like the following for an .mp4 video file, or other video type and wav or mid files. You will however need to edit the "player-home.htm" the "player-html5.htm" the "pop-closeup.js" and other files to resize the pop-up window, turn off (or remove) some of the players, or to set code for your file type.

<a href="javascript:popUpSound('movies/sample.mp4')">

For the above example you will create a folder called "movies" and put the .mp4 file, or any other file type you are using, in the "movies" folder. This option will only work with some file types and players, otherwise use the basic link options in the upper sections on this page.



Related Topics:
Professional Movie Trailer Code Setup
Welcome Message Add-on


Related Websites:
Windows logo usage
Quicktime logo usage


Allwebco Template Support


Allwebco Website Template Support


Music For Video
Royalty free music for video projects.
square-peach.com
Web Site Templates
HTML5 Video Templates
HTML5 video websites with fallback.
AllwebcoDesign.com
Web Template Support
Mini Mp3 Player
Skinnable HTML5 Flash mp3 player.
AllwebcoDesign.com
Musician Web Site Templates
Musician Websites
HTML and CSS based with built in mp3 and video.
AllwebcoDesign.com


See Also...
Video Options
Website Video
Gallery Video



Square Peach Video and Website Music


Flash Mini-Video

Website Template Support
Website Template Support