Drupal 7, 7.x-1.0-alpha1 module. using on Localhost

I have gone over all the steps many times, but the images are not displaying after I save the content.

Created content type according to instructions, tried various display modes: adaptive (AIS), large, original, set display to Juicebox for default and full. Image field with multiple images allowed, using alt and title for captions. Using the node display because I do not want to create separate nodes for each image.

I have a field slideshow gallery that works with a field collection (for images and text) and so I tried changing that one to Juicebox display. That got me to where I can see a grey box where the images should be and a "config.xml" file not found error.

I updated my libraries folder, reinstalled the module, reinstalled the juicebox libraries several times to make sure I was doing it right, cleared caches, but nothing will show.

If I change the display to "images" or "rendered files," the images are all there and they will show in the window.

I've been in search of a decent gallery module for a long time and this looks like the one, if I can get it to work. Prefer this to embedding from a standalone Juicebox gallery, if possible.

Comments

rjacobs’s picture

Hi muranod,

Thanks for testing things out. Given that this module is still in early alpha form it has not yet received wide-range testing. In your case it sounds like there may be some issues accessing the XML that describes the gallery (what juicebox refers to as the "config.xml"). This may be because there is a problem when the XML is actually rendered or because there is a simple issue with structure of the URL that points to the XML. My suggestion is to have a look at the embed code itself (within the page that the Gallery should appear on) and see what the XML path is set to. If you view the page HTML you'll find some code that looks like the following:

<script>
  new juicebox({
    configUrl : '/juicebox/xml/entity/node/33/field_gallery/default',
    containerId : 'juicebox-container',
    galleryWidth : '100%',
    galleryHeight : '500px'
  });
</script>

In this example the XML url is "/juicebox/xml/entity/node/33/field_gallery/default". Can you try to visit the URL (whatever version comes up in your case) directly in your browser and let me know what you see? This is a relative url so in your case you would need to add "http://localhost" to it (e.g. http://localhost/juicebox/xml/entity/node/33/field_gallery/default). If all is working correctly your browser will show you a bunch of XML.

Also, no matter what results you encounter from this test, can you let me know what your specific XML URL is... or simply just paste the full embed code you find into this issue report? All these details might shed some light into what might be unique about your case.

muranod’s picture

Thanks for the quick reply, rjacobs

Here's the xml url:
/drupal/juicebox/xml/entity/node/144/field_juicebox_photos/full

Here's what shows when I visit the link:

Displayed in a grey bar at the top of the page (when viewed in Firefox
:
This XML file does not appear to have any style information associated with it. The document tree is shown below.

And the code:


<?xml version="1.0" encoding="UTF-8"?>
-<juiceboxgallery galleryHeight="100%" galleryWidth="100%"> -<image linkTarget="_blank" linkURL="http://localhost/drupal/sites/default/files/styles/adaptive/public/juicebox_pics/4grace-FB%3Dvegas46.jpg" thumbURL="http://localhost/drupal/sites/default/files/styles/thumbnail/public/juicebox_pics/4grace-FB%3Dvegas46.jpg" imageURL="http://localhost/drupal/sites/default/files/styles/adaptive/public/juicebox_pics/4grace-FB%3Dvegas46.jpg"> <title>Building fascade.</title> -<caption>
<![CDATA[Las Vegas]]>
</caption> </image> -<image linkTarget="_blank" linkURL="http://localhost/drupal/sites/default/files/styles/adaptive/public/juicebox_pics/4grace-FB-Cicada-01_0.jpg" thumbURL="http://localhost/drupal/sites/default/files/styles/thumbnail/public/juicebox_pics/4grace-FB-Cicada-01_0.jpg" imageURL="http://localhost/drupal/sites/default/files/styles/adaptive/public/juicebox_pics/4grace-FB-Cicada-01_0.jpg"> <title>fgsfgsfdgsfd</title> -<caption>
<![CDATA[sdfghsdf ghjf fgg g]]>
</caption> </image> -<image linkTarget="_blank" linkURL="http://localhost/drupal/sites/default/files/styles/adaptive/public/juicebox_pics/renfest-sept-2007-02-frame14-2-b.jpg" thumbURL="http://localhost/drupal/sites/default/files/styles/thumbnail/public/juicebox_pics/renfest-sept-2007-02-frame14-2-b.jpg" imageURL="http://localhost/drupal/sites/default/files/styles/adaptive/public/juicebox_pics/renfest-sept-2007-02-frame14-2-b.jpg"> <title>gs ghsfh ss</title> -<caption>
<![CDATA[shsghsfh gh]]>
</caption> </image> </juiceboxgallery>

(sorry for the long file names on the photos)

and here is the full html surrounding the code display on the page, including the path shown above:

new juicebox({ configUrl : '/drupal/juicebox/xml/entity/node/144/field_juicebox_photos/full', containerId : 'juicebox-container', galleryWidth : '100%', galleryHeight : '100%' });

The folder for the images is not being created. If all of the above looks correct, I will try changing the image folder in the content type and see what that shows, then possibly try it on my live site.

I will explore further when I can get back to it this evening.

Dan

rjacobs’s picture

Hey Dan,

The embed markup and the config XML data generally looks alright, which is a good sign (at least from my perspective), as it somewhat rules out real low-level issues in the main guts of the module. Two interesting "non-standard" things that I noticed however, which might be worth special attention, include:

  1. It looks like you are running Drupal in a sub-directory (/drupal).
  2. You seem to be using a non-standard image style (adaptive)

In terms of the 1st point (Drupal in a sub-directory), this should not really make any direct difference to the Juicebox module, as it uses native Drupal techniques to construct absolute URLs for images within the config XML. I only highlight this as it might be something unique to your case, which has not been tested, that could combine with some other factor to create a problem.

The 2nd point is a bit more concerning. I've never really used an image format like adaptive (ais) before but my understanding is that it uses cookie data within a URL rewrite to fetch the appropriate image from the server. This may work fine for images requested via normal HTML, but in the case of Juicebox we are requesting the images through some javascript (that's referencing the config XML).... so my guess is that the adaptive mechanisms might break down in this case.

Anyway, one of the first things to try would probably be to set the image style options for both the main image and the thumbnails to be "None (Original Image)", clear caches (just in case), and then try viewing the gallery again. This will eliminate any variables related to image styles and image caching. If this works it could at least help isolate the problem.

You may also want to try navigating directly to some of the image paths from the XML to see if a valid image is produced (such as: http://localhost/drupal/sites/default/files/styles/thumbnail/public/juic...).

Let me know what you find out.

rjacobs’s picture

Hi Dan,

Any luck working this out? Just let use know, all testing feedback is greatly appreciated as I work towards making a stable release.

Cheers

rjacobs’s picture

I'm going to close this as it's been a couple weeks without a reply or additional info about the issue. Hopefully there was an easy resolution. This can be re-opened if necessary.

zenkul’s picture

Status: Active » Closed (cannot reproduce)

me to
No images showing in node gallery,
drop out

rjacobs’s picture

Title: No images showing in node gallery » No images showing in node gallery (using AIS)

Zenkul, it will be very helpful to know if your configuration is similar to Dan's (e.g. are you also using an adaptive/AIS image format style?) as well as more details about what specific issues you are witnessing, what version of the module you are using, etc. Please not that there was a bug in the "alpha" versions that caused galleries to disappear when Drupal javascript aggregation was turned on, so be sure you are using version 7.x-1.0-beta1 or greater (see #1906940: "Aggregate JavaScript files" setting breaks Juicebox)

At the moment this issue thread (that was opened based on Dan's specific error case) is closed, and I'll need to know more about your case to determine if we should re-open this issue thread or create a new one. I'm happy to try and help, but I'll really need more information to do so.

muranod’s picture

Hi rjacobs,

So sorry for not getting back to you -- I was hit by a car on my way to work almost exactly one hour after posting that issue, and then spent a long time in the hospital. I'm just now get back to the computer and this awesome module.

I just experimentally tried changing one of my content types to use Juicebox and it seems to work perfectly using "NONE" as the image style.

I'll work on this as much as I can over the coming days. If I can make it work (and it looks like I will), I will be happy to buy a pro license and help support your hard work.

Again, so sorry for not getting back to you sooner.

Dan

rjacobs’s picture

Status: Closed (cannot reproduce) » Active

Woah, sorry to hear that Dan. I hope you're doing alright and recover quickly!

Let's re-open this issue thread for now until it's clear whether-or-not the problems you had are related to this integration module.

The fact that things work correctly when you choose "None (original image)" for the image style really seems to indicate that there was something strange, or incompatible, going on with the image style processing that you had setup before (which you indicated was using AIS). You could probably try the following tests, in the following order, and see where things stop working (clearing your caches between each):

  1. Upgrade to the most current version of this integration module (7.x-1.0-dev or 7.x-1.0-beta2), and also make sure you are using the most current Juicebox javascrpt library version (currently v1.2 - see: http://juicebox.net/download/). After this, confirm that things still work as expected with "None (original image)" as your image style.
  2. Try changing the image styles to one of the "generic" Drupal styles (large, medium, thumbnail, etc.) and see if that still works.
  3. If all is still working, go ahead and try using an adaptive (AIS) image style.

Oh, and I should note that I personally don't have any affiliation with the people that make the Juicebox javascript library, which is what really powers the Juicebox display itself (and what can be enhanced with the purchase of a "Pro" license). I just worked to make this great 3rd party tool integrate nicely with some parts of Drupal. If you do purchase a pro license you'll be able to specify some additional configuration options that Juicebox can use, but this module itself, and it's maintainer (aka "me") is totally impartial to which Juicebox library version you use ("Lite" or "Pro").

Cheers!

muranod’s picture

Hi again, rjacobs,

Everything seems to be working fine on my dev site, both with "NONE" and "ADAPTIVE" selected. Must have been some weird glitch when I first started using it (cache issue, probably).

Anyway, I hope to have it on my live site in the next day or two, so I'll see how it goes and report back. Thanks for the great module - I would never have found the time (or patience or poss. skill) to do that myself. It great to finally have an option to produce single node, responsive photo galleries with so many configuration options, esp. in the pro version.

Dan

rjacobs’s picture

Sounds good Dan, hope it all continues to work well. Just be sure also that you are using the most recent versions of everything, as some small issue have been addressed in the releases of this module that have come out since you posted this issue thread (when you reported using 7.x-1.0-alpha1).

muranod’s picture

All works great now, Ryan.

RE: your point about the most recent versions: I could not get it to work on my live site until I discovered that the libraries MODULE was an older version, though it was not reported as such in system status or updates. Once I replaced that with the newer version, everything worked beautifully.

Thanks again for the quick replies and for making it possible to use this wonderful module on my Drupal site. I've tried many gallery formatters, and Juicebox is the best.

Here's a link to the gallery. All of the image styles are set to "NONE" and it works perfectly, even on a mobile phone.

Dan

http://www.danmurano.com/photography/galleries/solitary-moments#1

rjacobs’s picture

Status: Active » Closed (works as designed)

Sounds great Dan, thanks for reporting back.

Sounds like some older versions of the libraries API can cause some problems. I may investigate that a bit more, but for now will mark this as "closed". If the libraries API dependency ends up requiring a specific version I'll need to note that in the docs or open-up a separate issue for it.

Cheers!

anietie’s picture

Hello all.

Is there any resource that shows how to integrate flickr with juicebox? I have search everywhere and can't find any resource that shows you how to get flickr to work with juicebox

rjacobs’s picture

Issue summary: View changes

@anietie, there have been some notes and conversations about various flickr usage options in the issues queues for this module. You'll want to check that out, and if you still can't find the info you need it'll be best to open a separate support request (it's off-topic for this now closed issue).