Highslide JS - Flash

For this page you will need the Raw HTML plugin.
Visit the Plugins FAQ for more informations.

Intro
Page 1: Highslide JS iFrame
Page 2: Highslide JS Photo
Page 3: Highslide JS PhotoGallery
Page 4: Highslide JS PhotoGallery with Thumbstrip
Page 5: Highslide JS Flash (Currently visiting)

Highslide JS Flash

Click to display Flash

1) Go to Highslide and Download Highslide.
2) You will get a folder Highslide-4 (or similar)
3) In that folder you will find a Folder named “highslide” containg the following files:
- A Folder named “graphics”
- A file named “highslide-full.js”
- and many more files
4) Take this “highslide”folder and publish it to the root location of your server
5) Go to the post you want to insert the Highslide to and post the following code to the top of it

<head> <script type="text/javascript" src="/highslide/highslide-with-html.js"></script>
<script type="text/javascript" src="/highslide/swfobject.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
// Apply the Highslide settings
hs.graphicsDir = '/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header no-footer';
hs.allowSizeReduction = false;
// always use this with flash, else the movie will be stopped on close:
hs.preserveContent = false;

// 3) Optionally set the swfOptions. See http://highslide.com/ref/hs.swfOptions for full documentation
/* hs.swfOptions = {
version:  "7",
expressInstallSwfurl: null,
flashvars:{},
params:   {},
attributes:   {}
}; */
</script></head>

6) Where you want the link or thumbnail to appear in the post place the following code:

<a href="url of the .swf file" onclick="return hs.htmlExpand(this, { objectType: 'swf', width: 600, objectWidth: 600, objectHeight: 450, maincontentText: 'You need to upgrade your Flash player'  } )"
class="highslide">
Display Flash
</a>

Change the url of the .swf file.
Change the two width parameters and height parameter to fit your case.
If you want to have an image displaying instead of the name of the sitename replace “Display flash” with

<img src="urloftheimage">

if you don’t want an image you just change what is written.


WordPressFAQ.org - Tutorials, Tips & Tricks is made with and for WordPress.
It's an EBookStoretoday.com company. It’s presented by Cédric and hosted by HostExcellence.com

I would like you to give me feedback on this page by commenting in the appropriate section of the Forum. Tell me if it's been helpful. If it wasn’t please tell me why. If you think something is missing please tell me what. If you have questions about it post them there and I will probably try to give you an answer.

Thank you for visiting and supporting my website,
- Cédric -



Share
This entry was posted in Uncategorized. Bookmark the permalink.

Comments are closed.