Is there any way to integrate the highslide module?
i tried editing the js file like in the instructions here http://finnrudolph.de/ImageFlow/Combinations
i also tried playing around with the onCLick override functionality, im pretty sure thats the part where im going wrong

Comments

friedman’s picture

I was able to get highslide working with Views Slideshow:imageflow. Here's how I did it:

1) In slideshow Style Options select mode: ImageFlow and keep all other defaults except onClick override which should be set to
function() { return hs.expand(this, { src: this.getAttribute('longdesc') } ); }

2) The view requires a field Image: Image -- make sure not to select "Link this field to its node" as the actual image is required by highslide;

3) Have your theme.info file insert highslide.css and highslide.js (or one of the other supplied js files as required)

4) Modify your theme page.tpl.php (or specific tpl for the view) by inserting something like:
(customize to your preferences)

<script type="text/javascript">
    // override Highslide settings here
    // instead of editing the highslide.js file
    hs.graphicsDir = '/sites/all/libraries/highslide/highslide/graphics/';
    hs.outlineType = '';
    hs.zIndexCounter = 12000;
    hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
	position: 'top right',
	useOnHtml: true,
	fade: 2 // fading the semi-transparent overlay looks bad in IE
    });
</script>

after <?php print $scripts; ?>

5) Note that the hs.graphicsDir must be set to the path that you have installed highslide. I found that the highslide.js was not locating the outlines directory properly -- this causes the Loading... message to stay up and no image loaded. I worked around this by copying the graphics directory to my theme directory. You can verify this by using the Net monitor in firebug while loading the page. If any of the required files are not found they will appear in red. By clicking the file name you can see the actual path highslide is looking for. This should probably be reported as a bug.

6) I set hs.zIndexCounter to 12000 so that it appears on top of imageflow content.

I'll post a link to the finished site when it is deployed.