I have created a view with a few pictures and gradually moved into CSS-styling things in my theme. So far so good ...

Now I would like to to add css-style to a text field, also this no problem so far. But since it is the text field in the Slide I am hovering over with the mouse and that shows upp while the mouse moves over I would need some direction who the CSS-rule should be called. Is it possible to get help with this?

Thanks in advance !

Comments

marcoka’s picture

marcoka CreditAttribution: marcoka commented
Status: Active » Postponed (maintainer needs more info)

can you specify this a little bit more. maybe some images. sample site?

bavarian’s picture

bavarian CreditAttribution: bavarian commented

Again ... everything seems to work fine in that View I have created.

In every SLIDE i have 1 picture and 1 word. what I want to accomplish is that the EXPANDED slide does show that word in a different way, compared to when slides are "collapsed".

The CSS-class of that DIV for that word (assigned by the Views - Configure Field option, is "detail". So if I try to style that word in another way ... lets say for the ACTIVE slider i would use ....

div.views_horizontal_slider div.item-list li.hslider-active div.EXPLAIN

and that works fine.

But in my scenario it's not the text/word in the active slider i want to style differently, but the text/word in the slide, that the mouse is moving over, and that is expanding by the mouse movement over it, that word/text in that slide should be styled differently.

I have tried several options like

div.views_horizontal_slider div.item-list li.hslider div.EXPLAIN-hover
div.views_horizontal_slider div.item-list li div.EXPLAIN.hover
div.views_horizontal_slider div.item-list li.hslider div.EXPLAIN.hover
div.views_horizontal_slider div.item-list li.hover div.EXPLAIN

Hopefully it is possible to understand what I mean. Moving with mouse over the collapsed slide does expand that slide and would at the same time make the text in that slide change from ... for example red to blue. When moving to another slide, that expanded slide should collapse, and text color should move back from blue to red, and now the new expanding slide should experience the color shift from red to blue.

If you want me to show you the example e-anima, i can send you the URL in private .... let me know !

marcoka’s picture

marcoka CreditAttribution: marcoka commented

coul it be that you wan this #1058254: Javascript Location/Add Class To Active Slide

bavarian’s picture

bavarian CreditAttribution: bavarian commented

Thanks e-anima, but I am using the 7.x-1.0 version of this module ... so I don't think I should make use of that patch referred to.

Been tricking around a little bit with

div.views_horizontal_slider div.item-list li div.EXPLAIN:hover

and this is somehow what I am trying to accomplish. at least when I hover with mouse over a collapsed image ....

but contrary to the expanded picture (that stays expanded) when hovering over a collapsed image the CSS-properties disappear as soon as the mouse is moving away from the image hovered over. that makes me guess that it takes work in the javascript-code ....

marcoka’s picture

marcoka CreditAttribution: marcoka commented

doesnt it say for 7.x-1.0 ...
yes it work in the js file

bavarian’s picture

bavarian CreditAttribution: bavarian commented

NOW we are talking. I am on the way to accomplish the things I thought of. If feedback is desired I will report here when finished ....

THANK YOU !

dsoundmn’s picture

dsoundmn CreditAttribution: dsoundmn commented
Status: Postponed (maintainer needs more info) » Closed (duplicate)

closing to work in #1058254: Javascript Location/Add Class To Active Slide