Jump to:
| Project: | Views Slideshow Menu |
| Version: | 6.x-2.x-dev |
| Component: | Documentation |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
I can't find any useful information about how to properly use this. My current view pulls the images from my primary links; it works fine with singleframe, but the slideshow, when it is in Menu mode, only displays the first image.
I am presuming that it's because I'm not understanding these two directions:
1. "Note: if you don't add CSS to your install defining behavior for the class "activeSlideMenu," then this module will not work. For example, the following statement in your css will cause each menu item to have a yellow background color when a slide associated with it is displayed.
.activeSlideMenu a {
background-color: yellow;
}"
2. You must have a menu block or a menu identified via a CSS selector functioning on the page you want to display your Views Slideshow Menu
My attempt, at fulfilling the first instruction, was to put ".activeSlideMenu a {..." in various, seemingly relevant, places in my theme's style.css (I tried to cheat off the style.css found on the working example,) and as for the second, I'm guessing that it's fine to use the Primary Links menu, and avoid making things more complicated.
Sorry, as I believe this question has been asked before, but I can't seem to find someone who took the time to write down whatever they did to solve their issue!
Comments
#1
So your problem is that it doesn't rotate? If that's the case if you have firebug then you need to see if there are any javascript errors that are happening. Post any errors reported here.
#2
No, actually, I was mistaken. The rotation is not an issue; if left alone, it works fine. I don't think I understand the process for associating it with my primary links menu.
I've tried specifically selecting Primary Links (under menu options > menu blocks) and I've tried "use selector" and typing in .primary-links
I put that code snip in my style.css, but I had no idea what I was doing.
My problem is that the slideshow doesn't react to my mouseover, but I feel like it's not been set up properly, yet.
#3
Hi @austinshea,
You've said it doesn't respond to your mouseover. I'm curious as to whether the style of the next primary link changes according to your css each time the slide changes.
Shai
#4
It doesn't.
I'm fairly certain that I've not done the process correctly, to associate the slideshow with the primary links.
I believe I have selected the right things from the drop down menus, but could either of you describe what needs to go where in my css files, in order for this to act properly? I might be wrong, but I think that's what I've screwed up.
#5
@austinshea,
I think there is a bug in the "block menu" method (which you were not using). And as for the "selector" method, the css instructions were not correct, given the current code in the module.
You wrote, "I've tried specifically selecting Primary Links (under menu options > menu blocks) and I've tried "use selector" and typing in .primary-links."
Keep exactly that. Don't change those settings.
Change the css as follows:
Wrong
.activeSlideMenu a {background-color: yellow;
}
Right
.activeSlide a {background-color: yellow;
}
As for where to put the css. It depends on how your theme works. But put it in the same place as where you put other customizations. Since it is unlikely that any other stylesheet has an "activeSlide" class, there shouldn't be a problem of your changes being overwritten by a default.
Please report back.
Sorry for the hassle. I hope to maintain the documentation better.
I'm going to file a report on the code problem I found. @redndahead is such a wiz, I have confidence he'll crack it easily. But since you were using the "selector" method... I think the problem for you was the documentation. Again, sorry.
best,
Shai
#6
Sorry, I'm away; I'll report back tomorrow.
Thanks so much for the attention!
#7
@austinshea,
Did you ever have any luck?
Shai
#8
Actually, no. I had to do that project in another way.
Every single time, it would show all the images, one on top of the other, in the view "preview." In the actual view, it would just show the first image, static. I couldn't figure out how to get it to do anything, other than apply that little bit of css code. I'm going to try this again, on a new site, and hopefully I'll have more luck. If it was something I did wrong, I'll post what I find out.