RapidWeaver FAQ - Highslide JS iFrame







Share/Bookmark


Highslide JS Intro
Page 1: Highslide JS iFrame
Page 2: Highslide JS Photo (like Lightbox but better!)
Page 3: Highslide JS PhotoGallery (like Lightbox but better!)
Page 4: Highslide JS PhotoGallery with Thumbstrip
Page 5: Highslide JS Flash


Example:

RapidWeaverFAQ.org


How to:

That’s how you do it:

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 that folder and change permissions of the folder as follows:
Hit command(Apple)+i
Go to sharing&permissions and set all permissions to read&write and select "Apply to enclosed items" where the gear displays.
5. Upload the highslide folder (the one of step 3) to the root location of your server (most top level)
6. First we need to put some code into the tags of the page where we want to insert the Highslide iFrame to.
7. To do this go to Page Info => Header => Header and paste the following code into the previously mentioned field:

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



8. In RapidWeaver where you want the Highslide iFrame link or thumbnail to appear paste 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">



10. Publish the website.



This FAQ is also discussed in my RapidWeaverFAQ.org E-Book (sample)

RapidWeaverFAQ.org - Tutorials, Tips & Tricks is made with RapidWeaver and for RapidWeaver.
It's an EBookStoreToday.com company. It's presented by Cédric Giger and hosted by HostGator.com

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


Now share it…

Share