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


Music For Video
Royalty free music for video projects.
square-peach.com
Web Template Support
HTML5 Video Templates
HTML5 video websites with fallback.
AllwebcoDesign.com
Web Template Support
Mini Mp3 Player
Skinnable HTML5 Flash mp3 player.
AllwebcoDesign.com
Web Template Support
Flash Mini-Video
Small Flash website flv video player.
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