Hi Maintainers,

as I promised I wrote a little contrib module to display different jquery slideshows on the gallery landing page.

At the moment it supports the Ad Gallery, Easy Slider and the Galleriffic Photo Gallery.

How it works:

copy the module into the node gallery contrib folder.
turn on the module on the admin module page.

Now on the gallery edit page there is a fieldset called "Node Gallery Display Settings" with four options.

Default Node Gallery (the default node gallery display)
AD Gallery (A gallery with thumbnails on the bottom, autoplay, counter, etc.)
Easy Slider (a simple back and for gallery)
Galleriffic Photo Gallery (like Ad Gallery with different styles and behavior)

You choose a gallery and the gallery landing page will change. The display of the single images will not be changed. I wrote it in one day, lending some code from the node gallery access module, so it`s kind of beta but with a few testing sessions it could be ready if you guys like it. It´s testet with Chrome, FireFox and Safari. Its easy to theme, because theming is just a bit of CSS.

We could think in add more slideshows to it.
Any bugs just report me via my drupal account.

Cheers

Dirk

Comments

dbeall’s picture

"I wrote it in one day", lol, we have a wizard among us..

Awesome

I will have a demo up ASAP for people to check out.

dbeall’s picture

This is too cool, have a look.
http://www.davebeall.com/node-gallery4

designwork’s picture

Hi dbeall,

as I see you testet it allready but on your page I think the Ad Gallery is not working proberly. I will see if I can fix this tomorrow.

Cheers

Dirk

dbeall’s picture

It works great.. I don't know what 'properly' should be, what is wrong.. hmmm

On the 'easy slider' it would be nice to get the prev, next over top of the image or above the image..What would I name the tpl file for that using a content type of node_gallery4 or is that how to do it.

The node_gallery_display.info file might be changed from:
name = Node Gallery Different Sildeshow Integration
to
name = Node Gallery Slideshow Integration

I'm just now playing with it... I am like a kid with a brand new toy... More stuff to mess up

designwork’s picture

Hi dbeall,

The theming of the galleries is done in the theme folder.

You must change the gallery-display-images-list.

Change the behavior from the easy slider you must change the easyslider.js file. I can do it for you.

Cheers

Dirk

dddave’s picture

Category: support » task

This is so awesome. Great, great, great. (By the way: Nice boat Dave.)

I changed the category to task because I guess that this should be integrated properly, shouldn't it?

dbeall’s picture

StatusFileSize
new1.74 KB

Here is a first draft of a README.txt for the node_gallery_display contrib module.

EDIT:
When the module is added to the node_gallery package, a small rewrite of the existing node_gallery readme will be done to include this new info..

designwork’s picture

Hi dbeall,

thanks for the readme. I like it. Do you found some thing we could/should change on the module?

Dirk

dbeall’s picture

well, I just started to play with it and the readme will get some changes. I have to write one and think about it for a few days to get more details into it. I already have more to add..

Need changed From #4::
The node_gallery_display.info file should be changed from::
name = Node Gallery Different Sildeshow Integration
to
name = Node Gallery Slideshow Integration

I have changed css value in the prev/next div's in the galleriffic-5.css because it was displaying a big space above and below the thumbnails..
div.navigation a.pageLink {height: 77px; line-height: 77px;}
to
div.navigation a.pageLink {height: 0px;line-height: 0px;}

Possible changes::
This is visible on my demo galleries....
I fixed up the previous next links in the js files to have them display as
< Previous Photo | Next Photo >

EDIT: I also changed the start stop slideshow labels to:: Start Slideshow | Stop Slideshow

Haven't worked on this yet.. the< Previous Photo | Next Photo > in the easy slider should be at the top of the photo or both at the top and below as it is now....

That's all I have for now...
a Nice addition for node_gallery! This will bring more users to the module...
Thank you Dirk

dbeall’s picture

additional note.. the AD slideshow displays the title 2 times below each image.. Haven't looked at it yet...

designwork’s picture

the second "title" is to display the caption of the image. But I forgot, i changed this in the theme.inc from the node_gallery.module

function theme_image_view($imagecache, $image) {
return theme('imagecache', $imagecache, $image->filepath, $image->body, $image->title);
}

I had a discussion with kmonty about that on this threat http://drupal.org/node/481420 I changed the module :)

Cheers

Dirk

justintime’s picture

Title: New contrib Module - Displays jqery slideshows on Node Gallery » New add-on Module - Displays galleries as jquery slideshows

Just a note that I've spoken with DesignWork, and he's going to create a separate module for this, which will be maintained by him. We will link to it from the project homepage. This is part of changing our "contrib" modules to be "add-on" modules, as are these two issues:

#679202: Node Gallery Access needs to be moved out of contrib and into it's own module
#679204: Node Gallery Lightbox2 needs to be moved out of contrib and into it's own module

dbeall’s picture

@DesignWork
I installed this on BuckeyeLake.org website and made a few changes for 'members' that will be using the gallery.. This is just a food for thought kind of thing.. Use it if you like, change it, or pitch it..

/**
 * Implementation of hook_form_alter()
 */
function node_gallery_display_form_alter(&$form, $form_state, $form_id) {
if ($form_id == $form['type']['#value'] .'_node_form') {
if (in_array($form['#node']->type, (array)node_gallery_get_types())) {
      $defaults = $form['#node'];
      $defaults = array_merge((array)$defaults, (array)$form_state['values']);
      $form['ng_display'] = array(
        '#type' => 'fieldset',
        '#title' => t('Gallery Display Setting'),
        '#collapsible' => TRUE,
        '#description' => t('Select the display for this gallery.'),
      );
      $form['ng_display']['display_type'] = array(
        '#type' => 'radios',
        '#title' => t('Display Type'),
        '#options' => array(t('Default Gallery. Thumbnails that open a photo gallery with Prev|Next navigation links.'), t('AD Gallery. Photo display with thumbnails below. Prev|Next navigation, slideshow and slideshow transition selector.'), t('Easy Slider gallery. Single photo display with Prev|Next navigation links.'), t('Galleriffic Photo Gallery. Photo display with thumbnails at the top. Prev|Next navigation and slideshow function.')),
        '#default_value' => empty($defaults['display_type']) ? 0 : $defaults['display_type'],
      );
      $form['ng_display']['wrapper'] = array(
        '#prefix' => '<div id="ng-display-wrapper">',
        '#suffix' => '</div>',
        '#value' => ' ',
      );
    }
  }
}
designwork’s picture

StatusFileSize
new147.55 KB

Hi justintime, Hi dbeall,

node_gallery_display is now an add on module. I changed some code and I puted new features in it. You may use it outsite the contrib folder of node_gallery.

Two new features of the module are the tab on the user account and a block with random images.

USE
---
On the (create gallery) or (gallery edit) page there is a field set
called "Node Gallery Display Settings" with four options.

* Default Node Gallery (the default node gallery display)
* AD Gallery (A gallery with thumbnails on the bottom, autoplay, counter, etc.)
* Easy Slider (a simple back and for gallery)
* Galleriffic Photo Gallery (like Ad Gallery with different styles and behavior)

On admin > settings > node_gallery under the common settings tab you will find a checkbox to turn on
a tab on the user account with all the galleries of the account owner.

Enable the view permission for the tab under admin > user > permissions.

I added the nicely written README.txt from dbeall and also some more explainations (from dbeall) into the form.

Please test it and give me some fead back.

Dirk

dbeall’s picture

Is there a project page for the module. If so, I will update the node_gallery handbook.
This module is in the node_gallery handbook, but it leads to this thread for download.
I made some handbook changes for the node_gallery_access module yesterday.

The readme was just first draft.. I usually rewrite things 5 times to get it right..

dbeall’s picture

StatusFileSize
new3.15 KB

Here is an updated README.txt file.

I probably could add info to tweak the js files if we want to get more details..
The readme files are viewable with the core 'help' module as well.

dbeall’s picture

StatusFileSize
new3.15 KB

darn it.. there was 'one' bad character in that file, here is the fixed file

EDIT: this readme was changed from node_gallery/contrib to make ready for node_gallery_display module

scroogie’s picture

Great addition! It would be awesome if visitors could change the delay on slideshows (at least my users always request it).

designwork’s picture

Hi scroogle,

do you have a proposal for the workflow and what type of user do you think?

Dirk

scroogie’s picture

DesignWork: Basically all visitors (anonymous). If you look at a lot of pictures in a slideshow, the constant delay is often not what you want. You want to be able to choose how long each image is shown. This is also possible on flickr, and basically all other serious image galleries. There could either be a simple dropdown with the number of seconds (e.g. 1 to 10 seconds) or just a select with slow - normal - fast, like on flickr.

dbeall’s picture

I like the 'My Galleries' tab on user account or profile page with one additional thought.(just my opinion)

After using this for a short time.
The Tab should be moved to the default/core node_gallery module and should only be visible ' if ' the user has galleries.
The features, check box(on-off) and permission to view tab are great features and should stay.

scroogie’s picture

I forgot to add something: I wrote a "Choose Delay" dropdown for Galleriffic on one of my pages, if you want the code, I can paste it here.

designwork’s picture

Hi scroogie,

your code is welcome. I think that it could be a good feature to apply on the Galleri... slideshow and the AD-Slideshow. The Easy Slider should stay "easy" I only will apply the wish of dbeall to but the previous and back link on the top as well.

Next week on Monday I will write the Final code and put the RC Module Drupal.

Dirk

designwork’s picture

Hi dbeall,

maybe you should open a new feature request for the tab on node_gallery.module. I can provide a patch against node_gallery 6.x-2.x-dev latest Version.

Just show the tab if the user has galleries is a nice thought, but I need to think how to get there because auf the menu.inc caching.......

Cheers

Dirk

designwork’s picture

Status: Active » Fixed

Hi All,

I released the module as separate module. The first dev release will be available as soon as the drupal script has published it.

http://drupal.org/project/node_gallery_display

Dirk

dbeall’s picture

Added to node_gallery handbook
You know this will bring more users on board!

dbeall’s picture

Just my opinion here..
Rename or change project page title to:
Node Gallery Display / jqery slideshows for node_gallery

Is it.. jquery or jqery..? I don't know..

joecanti’s picture

hi,
Great work - really gives some nice front end options to the excellent back end node gallery provides...it's a great gallery solution and one i've been looking for for ages!

Could someone point me in the right direction for theming the Galleriffic Slideshow to look like example 2 on the galleriffic homepage rather than example 5 - http://www.twospy.com/galleriffic/example-2.html - css is obviously all available, but not sure where to start on the tpl files.

Definately will become first choice for me for gallery apps from now on!

thanks for all the hard work, joe

designwork’s picture

Hi joe,

in the theme folder you will find the gallery_display_images-list.tpl.php. On line 38 you find: if ($gallery->display_type == 3) :

From there it starts with the theming of the galleriffic photo gallery.

If you are intrested in multiple drag and drop upload for images into node gallery try http://drupal.org/node/689490
I just started with it, but the module should work quite stable (at least for me). I need some testers and it would be great if you can test it.

Cheers

Dirk

joecanti’s picture

Thanks for the reply Dirk,

Well i was in the right place! but not much of a clue how to change the layout though - i'll have to have a play as tpl editing is new to me...any ideas on a next step? Dreamweaver for more of a gui approach?

I'm happy to test the drag'n'drop - great feature addition!

Unfortunately it didn't work for me - Javascript failed to load. I have tested in ie and firefox, and have copied the java error details over on the other post that you mentioned before.Also, I have tested that I have the latest version of Java installed and running correctly over at http://www.java.com/en/download/help/testvm.xml .

I'll carry on trying - let me know what you think of the error message, joe

cheers, joe

joecanti’s picture

Hi,

Please could someone point me in the right direction - I'm theming the Node Gallery Display Galleriffic slideshow and would like to know how to make the navigation container a certain width (eg 385px) on the left of the page, and sit the main image with play/pause/next controls next to it on the right.

Basically I'm trying make it look like the second galleriffic example rather than the 5th so can do the rest with css.

Sorry - Im new to editing tpl files so any help much appreciated.

Many thanks, Joe

Status: Fixed » Closed (fixed)

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

gothica’s picture

Priority: Normal » Critical
Status: Closed (fixed) » Active

In example #2 I can't find a link which can open image node in album? is it not possible? Strange.. for example i'd like to comment and rate image nodes....

dddave’s picture

Priority: Critical » Normal
Status: Active » Closed (fixed)

@#33

If you still have a problem please file a new support request. This issue is about creating a new add-on module and rightfully closed.

dbeall’s picture

ducdebreme’s picture

When will the module be published? I don't find any releases? Why don't you simple add the dev-release?

dddave’s picture