hi,
is there a way how to configure Views Slideshow ImageFlow in combination with highslide module? I don't know javascript so I`m lost in code.

Comments

aaron’s picture

Project: Views Slideshow: ImageFlow » Highslide
Version: 6.x-1.0-beta1 » 6.x-1.x-dev
Category: support » feature

This would need to happen at that module, actually; they would need to implement Views Slideshow's API to offer Views support as a plugin to that module. Moving over to that queue for their consideration.

q0rban’s picture

Open to patches!

Swann’s picture

This can be done!

Step 1: Grab these modules
Imagecache 6.x-1.8
Highslide 6.x-1.2 (do not right-click download the highslide-full.min.js file from github. use this link http://github.com/q0rban/drupal-highslide-js/raw/master/highslide-full.m...)
Views Slideshow: ImageFlow 6.x-2.x-dev
You'll need all the dependent modules as well, so grab those too

Step 2: Enable everything in imagecache except imagemagick.

Step 3: Create 2 presets in your imagecache: one for your thumbnails and one for your full-sized images.

Step 4: Go into your Highslide settings and create an imagecache/cck formatter. Set the thumbnail formatter/full size formatters as the ones you made in the previous step. MAKE SURE YOU SET THEM TO FILE PATH!

Step 5: Create a new view. Under Basic settings, set the style to slideshow.

Step 6: Click the tiny gear icon next to the word slideshow and add the following in the onClick override box:

function() {
return hs.expand(this, { src: this.getAttribute('longdesc'),outlineType:
'rounded-white',fadeInOut: true,captionText: this.getAttribute('alt') } );
}

Step 7: Under fields click the + sign. Scroll down to content and find the image category you'd like to use.

Step 8: click the word 'content(your image category)'. scroll down to label and select 'widget label'. Under format select 'the name of your highslide formatter'(zooms)

Step 8: Under filter click the + sign. Scroll down to Node published and check the box.

Step 9: Under the word defaults there is a dropdown box. Select the word page and click the button 'add display'.

Step 10: click on the word page (which should now be added under the word defaults) and go down to page settings and click the word path. Enter the name of page where you'd like your imageflow to live.

Hope this helps! Big thank you to treehacker for the onclick override code and all the drupal supporters

q0rban’s picture

Category: feature » support
Status: Active » Fixed

Swann, thanks for posting this! :)

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.