I've followed the instructions in the readme for creating a galleriffic view, however no images seem to be appearing. The gallery itself appears to be working for everything /except/ the images. I'm wondering if I maybe used the wrong field types. I have two different imagecache presets I'm using, 'Medium' and 'Thumbnail'. I added both of those to the field list and then to the 'rows style' configuration. Which imagecache field should I be using? Each preset generates the following options in views:
* Medium image
* Medium image linked to node
* Medium image linked to image
* Medium file path
* Medium URL

I've tried all of them with no luck.

Also, when I view the source on the thumbnails area, the src value for the image appears to be wrong, for example:

<li class="selected" style="opacity: 1; display: none;">
  <a class="thumb" title="IMG 1448" href="#0" rel="history">
    <img alt="IMG 1448" src="18"/>
  </a>
</li>

I've attached a screenshot of what my gallery is showing. The play/next/prev buttons are working, but no images are being rendered.

Please help! :-)

- Scott

CommentFileSizeAuthor
#34 screen.jpg32.33 KBkirilius
#24 views_galleriffic_patch030810.patch806 bytespeterjmag
#21 PATCHviews-galleriffic-view.tpl_.php_.TXT1.28 KBkekkoroma
#11 no_images.jpg5.83 KBkirilius
#10 jquery.galleriffic.js_.txt31.95 KBvatavale
#9 screen.jpg29.47 KBvatavale
#5 photo.cck_.txt1.77 KBhadsie
#3 galleriffic_fields.png13.88 KBdesign.er
#3 galleriffic_results.png5.08 KBdesign.er
#2 galleriffic.view_.txt9.49 KBhadsie
galleriffic view with no images8.33 KBhadsie

Comments

acouch’s picture

acouch commented

hi Scott:

can you export the view and attach or send it to me?

hadsie’s picture

hadsie commented
StatusFileSize
new galleriffic.view_.txt9.49 KB

Here's the attached view. The default here is a bit different then the galleriffic display.

design.er’s picture

design.er commented
StatusFileSize
new galleriffic_results.png5.08 KB
new galleriffic_fields.png13.88 KB

I think I have a similar issue.
Attached you can see my views fields. I added two fields with different imagecache presets (big & thumb) and try to select them in the galleriffic field design section. I don't know if its normal or a bug that I can't see which of the imagecache presets I'm choosing.
Also attached my results.

Please let me know if you need more information.

Regards,
Stefan

acouch’s picture

acouch commented

I'll try and recreate this this week. It is also helpful if you can export your CCK content type as well. Thanks for using the issue queue and yr patience.

hadsie’s picture

hadsie commented
StatusFileSize
new photo.cck_.txt1.77 KB

Here's my cck export

Freakachoo’s picture

Freakachoo commented

Heeeey! I have a similar issue!
How can i use this module? it doesn't want to work! Please help!

milos.kroulik’s picture

milos.kroulik commented

It seem I have the same issue ( In my case, it outputs only node IDs as source of both images). Please tell us, what presets shoult be exactly set. A little screencast would be probably the best choice. Thanks.

acouch’s picture

acouch commented
Assigned: Unassigned » acouch
Status: Active » Needs review

Please test with the latest version and let me know if you are having the same problem. Thank you.

vatavale’s picture

vatavale commented
Version: 6.x-1.x-dev » 6.x-1.0-rc3
StatusFileSize
new screen.jpg29.47 KB

Thank you for the great concept and the module! It is exactly what i need.
It seem I have the same issue. In my case, it outputs only thumbs, but not big images. When i click to the tumb the big image open in the new "raw" browser window.

Generated HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> 
  <head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link rel="shortcut icon" href="/misc/favicon.ico" type="image/x-icon" /> 
    <title>Lucky Villages</title> 
    <link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/views/css/views.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/theme/content-module.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date_popup/themes/datepicker.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/date/date_popup/themes/timeentry.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/filefield/filefield.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/fivestar/css/fivestar.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/fivestar/basic/basic.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/gmaps/misc/gmaps.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/views_galleriffic/css/views_galleriffic_default.css?X" /> 
<link type="text/css" rel="stylesheet" media="all" href="/themes/garland/style.css?X" /> 
<link type="text/css" rel="stylesheet" media="print" href="/themes/garland/print.css?X" /> 
    <script type="text/javascript" src="/sites/all/modules/jquery_update/replace/jquery.min.js?X"></script> 
<script type="text/javascript" src="/misc/drupal.js?X"></script> 
<script type="text/javascript" src="/sites/all/modules/fivestar/js/fivestar.js?X"></script> 
<script type="text/javascript" src="/sites/all/modules/views_galleriffic/js/jquery.galleriffic.js?X"></script> 
<script type="text/javascript" src="/sites/all/modules/views_galleriffic/js/views_galleriffic.js?X"></script> 
<script type="text/javascript"> 
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/", "fivestar": { "titleUser": "Your rating: ", "titleAverage": "Average: ", "feedbackSavingVote": "Saving your vote...", "feedbackVoteSaved": "Your vote has been saved.", "feedbackDeletingVote": "Deleting your vote...", "feedbackVoteDeleted": "Your vote has been deleted." }, "views_galleriffic": { "delay": 3000, "numbthumbs": 10, "enableTopPager": "", "enableBottomPager": "true", "renderSSControls": "true", "renderNavControls": "true", "playLinkText": "Play", "pauseLinkText": "Pause", "prevLinkText": "Previous", "nextLinkText": "Next", "nextPageLinkText": "Next \x26rsaquo;", "prevPageLinkText": "\x26lsaquo; Prev", "enableHistory": "true", "autoStart": "" } });
//--><!]]>
</script> 
    <!--[if lt IE 7]>
      <link type="text/css" rel="stylesheet" media="all" href="/themes/garland/fix-ie.css" />    <![endif]--> 
  </head> 
  <body class="sidebar-left"> 
 
<!-- Layout --> 
  <div id="header-region" class="clear-block"></div> 
 
    <div id="wrapper"> 
    <div id="container" class="clear-block"> 
 
      <div id="header"> 
        <div id="logo-floater"> 
        <h1><a href="/" title="Lucky Villages"><span>Lucky Villages</span></a></h1>        </div> 
 
                                                    
      </div> <!-- /header --> 
 
              <div id="sidebar-left" class="sidebar"> 
                    <div id="block-user-0" class="clear-block block block-user"> 
 
  <h2>User login</h2> 
 
  <div class="content"><form action="/testgal?destination=testgal"  accept-charset="UTF-8" method="post" id="user-login-form"> 
<div><div class="form-item" id="edit-name-wrapper"> 
 <label for="edit-name">Username: <span class="form-required" title="This field is required.">*</span></label> 
 <input type="text" maxlength="60" name="name" id="edit-name" size="15" value="" class="form-text required" /> 
</div> 
<div class="form-item" id="edit-pass-wrapper"> 
 <label for="edit-pass">Password: <span class="form-required" title="This field is required.">*</span></label> 
 <input type="password" name="pass" id="edit-pass"  maxlength="60"  size="15"  class="form-text required" /> 
</div> 
<input type="submit" name="op" id="edit-submit" value="Log in"  class="form-submit" /> 
<div class="item-list"><ul><li class="first last"><a href="/user/password" title="Request new password via e-mail.">Request new password</a></li> 
</ul></div><input type="hidden" name="form_build_id" id="form-a0855d837cfde499972cd1df8c32466a" value="form-a0855d837cfde499972cd1df8c32466a"  /> 
<input type="hidden" name="form_id" id="edit-user-login-block" value="user_login_block"  /> 
 
</div></form> 
</div> 
</div> 
        </div> 
      
      <div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner"> 
          <div class="breadcrumb"><a href="/">Home</a></div>                                                                                <div class="clear-block"> 
            <div class="view view-galleryffic view-id-galleryffic view-display-id-page_1 view-dom-id-1"> 
    
  
  
      <div class="view-content"> 
      <div id="galleriffic"> 
  <div id="gallery" class="content"> 
    <div id="controls" class="controls"></div> 
    <div id="loading" class="loader"></div> 
    <div id="slideshow" class="slideshow"></div> 
    <div id="caption" class="embox"></div> 
  </div> 
  <div id="thumbs" class="navigation"> 
    <ul class="thumbs noscript"> 
              <li> 
 
  <a class="thumb" href="http://www.luckvill.lc/sites/default/files/imagecache/ObjectImage/objectimages/104_4.jpg" title="Дом на барегу Москва-реки"> 
    <img src="http://www.luckvill.lc/sites/default/files/imagecache/thumb_im/objectimages/104_4.jpg" alt="Дом на барегу Москва-реки" /> 
  </a> 
  <div class="caption"> 
  		<div class="image-title">Дом на барегу Москва-реки</div> 
		<div class="image-desc"></div> 
	</div> 
</li> 
 
              <li> 
 
  <a class="thumb" href="http://www.luckvill.lc/sites/default/files/imagecache/ObjectImage/objectimages/097_2.jpg" title="Дом на барегу Москва-реки"> 
    <img src="http://www.luckvill.lc/sites/default/files/imagecache/thumb_im/objectimages/097_2.jpg" alt="Дом на барегу Москва-реки" /> 
  </a> 
  <div class="caption"> 
  		<div class="image-title">Дом на барегу Москва-реки</div> 
		<div class="image-desc"></div> 
	</div> 
</li> 
 
          </ul> 
  </div> 
</div> 
 
    </div> 
  
  
  
  
  
  
</div>           </div> 
                    <div id="footer"></div> 
      </div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center --> 
 
      
    </div> <!-- /container --> 
  </div> 
<!-- /layout --> 
 
    </body> 
</html>

P.S. And if it is not difficult, tell, briefly what method of an attachment View to nodes (which you mention in readme) of certain type is the most preferable? It's also must be a goog idea to write about it in next release in help section.

vatavale’s picture

vatavale commented
StatusFileSize
new jquery.galleriffic.js_.txt31.95 KB

I also attach a .js what i grab from the provided in readme link.

kirilius’s picture

kirilius commented
StatusFileSize
new no_images.jpg5.83 KB

Same here ;-(

I have 2 presets: small (75x75) and large (width: 490) as per the readme file. I have a view selecting 4 fields: the imagefield in the two presets plus the title and description of the imagefield. Everything is set as per the readme.

Still no images are displayed.

I have attached the result.

vatavale’s picture

vatavale commented

I resolve my issue. In my case the problem is in gallerific 2.0 script ;) (it must be 1.0)

joecanti’s picture

joecanti commented

Thanks for posting Vatavale - i was having the same problem but solved it by using 1.0 instead of 2.0

cheers! joe

acouch’s picture

acouch commented

Thanks for reporting this. I will update to Galleriffic 2 when I make the 7 release of this module. In the meantime I'll update the module page.

iaminawe’s picture

iaminawe commented

This is still happening for me and I have made sure that I am getting using the version 1 JS

I have emptied all caches and still nothing. Still referencing the images by the node id.

Please take a look at an example of what I am getting here
http://www.designindaba.com/portfolio

acouch’s picture

acouch commented

hi iaminawe and / or hadsie:

1) thank you for reporting this (it is very helpful) and your patience

2) i think i found there this is going awry. can you CONFIRM that you are using IMAGEFIELD for the fields you are using (I can see you are using filefiled) and if so can you let me know what version it is.

Thanks!

iaminawe’s picture

iaminawe commented

I am using imagefield (which is now selected through "file" when being added) and the version of my filefield and imagefield are both 6.x-3.2

We actually I just realised with that content type I am using Image Fupload which is a batch uploader to imagefield fields. Could this be causing an issue?

Thanks for looking into this
Gregg

iaminawe’s picture

iaminawe commented

I checked if the field would work as a straight imagefield not linked to image Fupload and it did not make a difference
Both results were the same. no pics

Thanks
Gregg

royerd’s picture

royerd commented

Where do I find the 1.0 script? I am having the same problem where I see the thumbnails but not the full-size image.

kekkoroma’s picture

kekkoroma commented

I'm solved...
edit views-galleriffic-view.tpl.php with this code...

// $Id: 
/**
 * @file
 *  Views Galleriffic theme wrapper.
 *
 * @ingroup views_templates
 */

$file_path = drupal_get_path('module', 'views_galleriffic') . '/js/jquery.galleriffic.js';
if (!file_exists($file_path)) {
  drupal_set_message('The Views Galleriffic module requires the <a href="http://galleriffic.googlecode.com/svn/tags/1.0/example/js/jquery.galleriffic.js">Galleriffic JS</a> file. Download and place in the \'modules/views_galleriffic/js/\' folder.');
}
drupal_add_js(drupal_get_path('module', 'views_galleriffic') . '/js/jquery.galleriffic.js');
drupal_add_js(drupal_get_path('module', 'views_galleriffic') . '/js/views_galleriffic.js');
if ($view->style_options['css'] == 'true') {
  drupal_add_css(drupal_get_path('module', 'views_galleriffic') . '/css/views_galleriffic_default.css'); 
}

<div id="galleriffic">
  <div id="gallery" class="content">
    <div id="controls" class="controls"></div>
    <div class="slideshow-container">
	    <div id="loading" class="loader"></div>
	    <div id="slideshow" class="slideshow"></div>
    </div>
    <div id="caption" class="embox"></div>
  </div>
  <div id="thumbs" class="navigation">
    <ul class="thumbs noscript">
      <?php foreach ($rows as $row): ?>
        <?php print $row?>
      <?php endforeach; ?>
    </ul>
  </div>
</div>
kekkoroma’s picture

kekkoroma commented
Component: User interface » Code
Status: Needs review » Patch (to be ported)
StatusFileSize
new PATCHviews-galleriffic-view.tpl_.php_.TXT1.28 KB

oooooooooooooh yes!

acouch’s picture

acouch commented
Status: Patch (to be ported) » Active

hi kekkoroma:

thanks for your work on this. can you make an actual patch. it is hard to see what changes you made. here are instructions for making a patch. hit me up off of this issue queue if you need help with that:

http://drupal.org/patch/create

iaminawe’s picture

iaminawe commented

Still does not work for me unfortunately.

When I view the source, the images source is the node number but not a full path.

Thanks
Gregg

peterjmag’s picture

peterjmag commented
StatusFileSize
new views_galleriffic_patch030810.patch806 bytes

I got this to work after messing around with the module's .tpl.php files and various Views field formats:

  1. In your view, change the format of each ImageField to "[imagecache preset] URL", not "[preset] image". This is to ensure that Views outputs the images' URLs instead of the actual image (since Views Galleriffic's template files expect a path for the img's src attribute, not the final, ImageCache-processed image code).
  2. Copy sites/all/modules/views_galleriffic/views-galleriffic-view-gallerifficrows.tpl.php to your theme folder (e.g. sites/all/themes/[yourtheme]/) and flush your site's theme registry. This is the same as overriding the default Views template for this style plugin.
  3. Open your newly copied .tpl.php from your theme folder and change both occurrences of "->raw" to "->content" (no quotes). The final sites/all/themes/[yourtheme]/views-galleriffic-view-gallerifficrows.tpl.php file will look like this:
<?php
// $Id:
?>
<li>

  <a class="thumb" href="<?php print $fields['slide_field']->content; ?>" title="<?php print $fields['title_field']->content; ?>">
    <img src="<?php print $fields['thumbnail_field']->content; ?>" alt="<?php print $fields['title_field']->content; ?>" />
  </a>
  <div class="caption">
  <?php if($fields['slide_field']->download_original): ?>
		<div class="download">
			<a href="/<?php print $fields['slide_field']->filepath; ?>">Download Original</a>
		</div>
  <?php endif; ?>
		<div class="image-title"><?php print $fields['title_field']->content; ?></div>
		<div class="image-desc"><?php print $fields['description_field']->content; ?></div>
	</div>
</li>

Note that you can modify the original sites/all/modules/views_galleriffic/views-galleriffic-view-gallerifficrows.tpl.php if you'd prefer, but it's always best to avoid hacking module code if you can override it somewhere else.

I've also attached a patch which modifies the appropriate tpl.php directly, so the maintainer can more easily commit the change to the next release if he chooses to. I would also highly recommend the documentation be modified to clarify that users must select the "[imagecache preset] URL" format in Views for each ImageField for this to work correctly.

Let me know if you have any problems with the patch. This is the first one I've rolled and posted. :)

iaminawe’s picture

iaminawe commented

Woohooo works for me... thanks so much.

kmonty’s picture

kmonty
He/Him
Location Berlin, DE + SF, CA
commented
Category: support » bug
Status: Active » Reviewed & tested by the community

Patch in #24 worked for me.

acouch’s picture

acouch commented
Title: Can't seem to get any images displayed » URL for image is file ID
Status: Reviewed & tested by the community » Active

I'm renaming this because this ticket has gotten too general and I think there are more than one actual issues people are reporting.

If you are experiencing a different issue that this please check the issue queue and/or make a separate issue.

The above patch is appreciated but will break most instances of this module.

The only way I've been able to recreate this issue is if I don't use imagefield for the images. This may mean people having this problem are not using imagefield or the module checks for imagefield incorrectly. In case it is the latter I have removed the check in the dev branch which should be available this evening. Please give it a try ('wait until the dev branch has today's date on it) and let me know if you have success.

Thanks for your patience!

kmonty’s picture

kmonty
He/Him
Location Berlin, DE + SF, CA
commented

I was using imagefield for images and still had this issue.

acouch’s picture

acouch commented

@kmonty. thanks for clarifying. I still haven't been able to recreate this issue. If you could 1) try the dev version this eve or 2) send me an export of your cck and view that created the gallery I would really appreciate it.

acouch’s picture

acouch commented

I haven't been able to reproduce this specific issue (outputting image ids) but I've been able to recreate an instance where #24 works.

I've filed a new ticket for this here: http://drupal.org/node/758550

If you are still experiencing having the file id as the output, please continue to use this queue until that is solved.

If you are not having that issue, but a different issue, please use the new issue I've filed or create a new one.

Thank you all for your patience with this module. I appreciate and thank everyone for their input.

rodney.farach’s picture

rodney.farach commented
Assigned: acouch » Unassigned

Here is jquery.galleriffic.js 1.0 http://www.asplande.org.br/galleriffic/js/jquery.galleriffic.js

kirilius’s picture

kirilius commented

I still have the same issue. Tried going back to v 1.0 of the JS - still no images show up.

I am using the latest dev version of the module from May 22

acouch’s picture

acouch commented

hi kirlius

can you try and use the imagecache url preset option when you are choosing the display options for the field? can you let me know if that works?

kirilius’s picture

kirilius commented
StatusFileSize
new screen.jpg32.33 KB

Here is a screenshot showing that I am using the ImageCache preset name only.

acouch’s picture

acouch commented

can you try using 'slide url' ?

kirilius’s picture

kirilius commented

I did that. Changed both view fields to "slide URL" and "thumb URL" respective. Still no images show up. In the meantime I reverted back to RC3 of the module. I am not sure if that matters.

acouch’s picture

acouch commented
Version: 6.x-1.0-rc3 » 6.x-1.x-dev

Can you revert to the dev version and make sure you don't have "Group Multiple Values" for the imagefields selected and that you have the latest version of views, cck, imagefield and filefield?

kirilius’s picture

kirilius commented

That did it! So my current setup is:

- Views Galleriffic 6.x-1.x-dev from May 22
- Both my slide and thumbnail images are defined through their " URL" in the view

Thanks for the support!

acouch’s picture

acouch commented

Glad to hear it is working. Thank you for your follow up. It is helpful to all users when you speak up.

I need to improve the documentation. This works with "Group Multiple Values" as long as it is not unlimited. The reason is is the unlimited setting changes the way the rows are output in the view.

Closing this issue. Opening one for documentation.

acouch’s picture

acouch commented
Status: Active » Closed (fixed)