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 .avi, .wav, .midi, .pdf, .ram, another webpage or almost any other type of file that can be displayed through the web.

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 code like this will open an application and display an .mpg movie:

<a href="sample.mpg">

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 also link your gallery page to other HTML pages or other gallery pages. Here is the code you will see on one of the gallery pages now. (in FP and DW right click a gallery image to view your link code)

<a href="javascript:popUp('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 Sounds Mp3 type template:
For newer sounds mp3 templates see your help.html for instructions on linking to movie files. In any older sounds template you can use the above code or have the other file types pop-up in a new window.

The current webpage code (SOunds):
<a href="javascript:popUpSound('sounds/song1-1.mp3')">

Edit for your file:
You can edit the code like the following. A .wmv file can be used or most any other type also. You will however need to edit the "pop-closeup.js" to resize the pop-up window and turn off the Flash and Windows players. Open the "pop-closeup.js" in Notepad to do these edits. Also, you may need to alter the "view_width" and "view_height" to make the pop-up bigger to fit the movie.

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

For the above example you will create a directory called "movie" and put the .wmv file, or any other file type you are using, in the movie directory. In some cases you may want to code like the first link style shown on this page. Or if you have problems on other computers, code like the first style also.



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


See Also...
Scripts & Add-ons



Related Topics:

Welcome Message
>> Gallery Video <<
Pro Video