I've installed this one one site, and it's working perfectly (thanks!)

I figured that I was on a roll, and would drop it on a second site, and it didn't go so well. Ever picture is the same, even when the text at the bottom updates.

In the views preview, it shows all pictures.

Any guesses?

Can be seen here: http://hereinlondon.com/

CommentFileSizeAuthor
#1 London.png303.74 KBAnonymous (not verified)

Comments

Anonymous’s picture

Anonymous (not verified) commented
StatusFileSize
new London.png303.74 KB

Hi coloryan,

I had a look at the website and tried it in Firefox 3.6.3 and only the first image would display.

I then had a cursory look at the HTML source and it also seemed to be fine.

Tried the online version of the site using IE 7 and things worked perfectly (refer to attachment).

On a hunch, I saved a copy of the site using the Firefox Save Page As and Web page (complete) option, then viewed the local saved copy using Firefox. A few of the image changes worked fine, but it got stuck on the Trafalgar Square images.

Strange.

What browser are you using? Also, can you try using one of the default themes and see if you still have the same problem?

Cheers,
Darren (Mcdazz)

coloryan’s picture

coloryan commented

I'm using Firefix 3.6, and Chrome 5.0. Oddly enough, on IE7 it loads without any issue.

Agreed, I can see all the pics on the site in the HTML and I went as far as copying 100% of the install on the other site - with the same results, only one image.

I reset it to Garland and Minelli and still no luck. Coincidentally, the admin_menu module doesn't work on the front page when the module is loading. Maybe a js issue hidden somewhere? The admin_menu module still doesn't work there either.

coloryan’s picture

coloryan commented

Firebug just game me this:

$("a.nivo-prevNav", slider).live is not a function
[Break on this error] eval(function(p,a,c,k,e,d){e=function(...s|bind|removeClass'.split('|'),0,{}))

Does that mean anything to anyone?

Anonymous’s picture

Anonymous (not verified) commented

I'm not really too sure about the Firebug message, but it looks jQuery related.

Are you using the jQuery Update (http://drupal.org/project/jquery_update)? If so, which version of the jQuery Update module are you using?

6.x-2.0-alpha1 is the recommended version, but can result in some .js issues, while 6.x-1.1 doesn't work 100% with Views Nivo Slider (I have used it and it's been fine, other times it has caused some issues).

coloryan’s picture

coloryan commented

I posted the firebug message prematurely, I get the same error on the other site where the module is working properly.

I just upgraded to 6.x 2.0 alpha1 and no luck.

Other relevant modules:
- Chaos tool suite 6.x-1.3
- Views 6.x-2.10

Image cache is resizing to 550x275, same for both sites.

Anonymous’s picture

Anonymous (not verified) commented

Hmmmm - considering that the admin menu module is having issues as well, it sounds as though there is a .js problem somewhere.

I noticed that you are using panels along with ctools. Panels does use some .js so that could be where the problem is creeping in, but I'm not 100% certain that's the problem.

I'm not using panels on my sites at the moment so I can't replicate that aspect, but it might be worth you setting up a test environment without panels and ctools and seeing if you experience the same issues with both the admin menu module and Views Nivo Slider. Just put the Views Nivo Slider block into the main content as a test (but definitely don't use Panels or Ctools for the testing).

It's after midnight here so I'm heading off, but feel free to post a reply and let me know how you go.

I should be able to have a play with panels tomorrow and see if I can replicate the problem.

Good luck.

Cheers,
Darren (mcdazz)

coloryan’s picture

coloryan commented

I gave it a shot, with no luck.

The panels view is here:http://hereinlondon.com/index-2.php
The straight view as a page is at the index page.

I've tried copying the theme over from the other site and it still didn't work. Even though it's working with the same theme on the other site.

Thanks for the help so far. I can copy the modules from my site if you'd like to run the same install and see if you can reproduce the errors.

pedrofaria’s picture

pedrofaria commented

@coloryan, i was taking a look at your HTML and saw a possible mistake...

take a look at this mcdazz post and see if you are doing all configurations ok...

http://drupal.org/node/796662#comment-2958420

I guess you did not select Views Nivo Slider to be your Style and Row Style in views.

Anonymous’s picture

Anonymous (not verified) commented

I suspect that there are a couple of problems here, but I think I know what's causing one of the problems - having spaces in the image names.

Basically, depending on the browser that you're using when Views Nivo Slider comes across an image with a space in it, it may or may not display the image.

I don't think this is a problem with Views Nivo Slider, but in the way a browser handles filenames with spaces in them.

For example, the http://hereinlondon.com/ site displays all the images and transition effects correctly when using IE7.

However, when using Firefox 3.6.3, only the image without the space in it's name displays correctly. All other images with spaces in their names aren't displayed.

In regards to your other site, I found even more strangeness there.

On that site, there is only one image with a space in it - and as suspected, Firefox 3.6.3 doesn't display it at all (99-Reindeer & Boy sitting.jpg).

However, in IE7, there are actually four images that aren't displayed including the 99-Reindeer & Boy sitting.jpg image. Also, there is an error reported by IE7, which I think is javascript related (could be wrong there).

So, how do you fix it?

Am I right in guessing that you're not using the 6.x-2.0-alpha1 version of jQuery Update on the Lapland site?

If so, I definitely recommend using it.

I also recommend not using images or even filenames with spaces in them if you can avoid it - far too many problems with different browsers.

Let me know how it goes - I'm 99.9 % certain that both these recommendations will resolve the issues.

coloryan’s picture

coloryan commented

You're correct on all counts.

The other site is using an older version of jQuery update (I may be wrong, but the older version doesn't display the '. . . . .' under the pictures.

On http://hereinlondon.com, I've reimported the pictures with no spaces in the titles and that appears to have fixed it in Chrome, FF, and IE.

When I have time later today, I'll update the other site and double confirm that removing all spaces and updating jQuery Update resolves all issues.

Thanks for the help.

Anonymous’s picture

Anonymous (not verified) commented

The site looks much better. :-)

Glad the spaces turned out to be the issue - it would have done my head in if it turned out not to be the cause.

In regards to the '. . . . . . .' underneath the images, that's all controlled through the Control Navigator options in the Style option in views (under the Basic settings section). You can also use thumbnails, but you need to tinker a little to get it right.

pedrofaria’s picture

pedrofaria commented
Status: Active » Fixed
coloryan’s picture

coloryan commented

This is just an FYI, but I'll add it just in case someone comes across it in the near future:

Nivo Slider, Chaos tool suite 6.x-1.6, Panels 6.x-3.4, and jQuery update 6.x-2.0-alpha1 weren't playing nicely together. The java, admin menu, everything related, fell apart on the site.

I rolled the jQuery update back to jQuery Update 6.x-1.1 and left everything else the same; now all is working well, including the admin menu.

It's not directly related, but if it comes up for anyone it's a place to start.

It's all working well on my sites now that I've removed the spaces from picture titles so I'll leave this closed.

Anonymous’s picture

Anonymous (not verified) commented

That's very handy to know and it will definitely help others.

For the most part, jQuery Update 6.x-1.1 seems to work fine with Views Nivo Slider (in fact, I still use it on one of my test sites), so I guess it's one of those things that works for some, and doesn't for others.

Status: Fixed » Closed (fixed)

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