Highslide JS - iFrame

Posted on August 21, 2009 by Cédric

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

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

Highslide JS iFrame

iWebFAQ.org

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>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
    hs.graphicsDir = '/highslide/graphics/';
    hs.outlineType = 'rounded-white';
</script></head>

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

<a href="http://URL" onclick="return hs.htmlExpand(this, { objectType: 'iframe' } )">
Name of the site
</a>

Change the http://URL part in the code to the URL of the page you want to open in the Highslide iFrame.
Change Name of the site to fit your case.
If you want to have an image displaying instead of the name of the sitename replace “Name of the site” with

<img src="urloftheimage">



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.