=== WP Highslide === Tags: highslide, image preview, thumbnail, images Author:JesseHeap Donate link: http://projects.jesseheap.com Requires at least: 2.0.2 Tested up to: 2.3 Stable tag: trunk Version:1.28 == Description == Highslide JS is a brilliant thumbnail viewer written in javascript. WP-Highslide is a wordpress plugin that allows you to easily use Highslide by automatically inserting the necessary javascript into your posts or pages. The plugin makes uses of a wordpress quicktag to make the insertion process painless. Also, for users looking to customize highslide, this plugin gives you the flexibility of editing the javascript object settings, setting global options through the options page, or overriding the global options for individual images, all without having dig through the plugin code. == Installation == THIS PLUGIN REQUIRES Highslide JS from Torstein Hons which is YOU MUST [DOWNLOAD](http://vikjavev.no/highslide/ "DOWNLOAD") SEPERATELY. If you are running a COMMERCIAL site you must pay for Highslide JS. Note: Installation Instructions also at on [Project Page](http://projects.jesseheap.com/all-projects/wordpress-highslide-js-plugin/) Note, as of version 1.23, WP-Highslide is compatible up to wordpress version 2.3.X 1. Unzip contents of zip file to your plugins folder, usually 'wp-content/plugins/'. It should create a highslide folder underneath the plugins folder. 2. Download Highslide JS and copy highslide.js to the new highslide folder created under your plugins folder. 3. Activate the plugin in wordpress under plugins. Look for WP-Highslide. 4. Check 'WP-Highslide' under options to customize the javascript for highslide 5. Check Highslide JS site for further customization options Note: **You MUST [download Highslide JS](http://projects.jesseheap.com/all-projects/wordpress-highslide-js-plugin/) script in order for this plug-in to properly work.** == Frequently Asked Questions == = Where is my highslide quicktag? = Unfortunately quicktags do not show up in Visual Rich Editor mode. You have a few alternatives. If you are using Wordpress 2.1, simply switch over to code view and the Highslide quicktag will be available. If you are using Wordpress 2.0.x then you can disable Visual Rich Editor mode or you can create the tag yourself by using the special `` tag. This tag takes 4 attributes: **image** This is should be the path to the image you want displayed when the user clicks on the thumbnail **thumbnail** This should be the path to the THUMBNAIL image you want displayed initially. **altdesc** This is the copy that will appear in the ALT tag description. Filling this in is good practice for search engines. **captiontext** The caption displayed directly under the large image when the user clicks on the thumbnail Example Code `` Future versions we'll look to embed a button in the visual rich editor similar to how Viper's Video Quicktags did. = Do I have to pay for Highslide JS? = Highslide JS is licensed under a Creative Commons Attribution-NonCommercial 2.5 License. If you are a non-commercial site the script is free. It costs $30 for each commercial domain = How can I tell if it's working? = Try creating a test post and check to see if the HIGHSLIDE quicktag is available. Click on the tag and follow the prompts to insert your first image. = When using the HIGHSLIDE quicktag what do all the prompts mean? = The quicktag will prompt you for the following information: Prompt 1: Enter path to large Image This is should be the path to the image you want displayed when the user clicks on the thumbnail Example: /images/mylargeimage.jpg Prompt 2: Enter path to thumbnail image This should be the path to the THUMBNAIL image you want displayed initially. Example: /images/mythumbnailimage.jpg Prompt 3: Enter the Alternate Description of the image This is the copy that will appear in the ALT tag description. Filling this in is good practice for search engines. Prompt 4: Enter the Caption for the image The caption displayed directly under the large image when the user clicks on the thumbnail = When I look at the generated code it is surrounded by a paragraph tag. How can I remove that paragraph tag? = This is a "feature" of wordpress. Here is the generated HTML required for highslide. Notice the `

` tags that surround it: `

` ` ` `

` To remove the '

' tag open your default-filters.php and comment out the following line: `add_filter('the_content', 'wpautop');` Alternatively there are plugins you can use to disable this feature. = What version of Highslide JS does this plugin support? = As of March 9th this plugin works with version 3.00 or greater. = Can I still customize Highslide JS using your plugin? = The plugin was designed to give a high level of flexibility in customizing Highslide. In the WP-HIGHSLIDE options page there are global settings that allow you to toggle off/on the highslide caption box, close link, or next/previous links: Additionally, you can override the global settings for individual images by using override flags in the ` ` tag. For example, to override the Show Caption Box: `` Tags that are available
Flag Usage Description
show_caption show_caption=”y”
show_caption=”n” 		Toggle on/off Highslide Caption
show_close show_close=”y”
show_close=”n”		 Toggle on/off Highslide Close Link
show_prv_next show_prv_next=”y”
show_prv_next=”n” 		Toggle on/off Highslide Next/Previous Links
== Screenshots == 1. Expanded image using highslide wordpress plugin == Demo == See an example of this plugin in this [Wedding Picture Gallery](http://blog.pinkcakebox.com/category/pastry-images/wedding-cakes/ "Wedding Gallery")