Closed (fixed)
Project:
Highslide
Version:
6.x-1.x-dev
Component:
Code
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
2 Jul 2009 at 08:56 UTC
Updated:
16 Oct 2010 at 18:40 UTC
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
Comment #1
aaron commentedThis 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.
Comment #2
q0rban commentedOpen to patches!
Comment #3
Swann commentedThis 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
Comment #4
q0rban commentedSwann, thanks for posting this! :)