galleria thumbnail nav always display

Question

I'm trying to get the arrows either side of the thumbnail navigation to display all the time, but at the opacity stated (disabled = 0.2) and enabled (0.8). I have tried messing with the galleria classic css but that didn't work..

any ideas?

The thumbnail navigation arrows seem to be displayed all the time in the Classic Demo http://galleria.aino.se/media/galleria/src/themes/classic/classic-demo.html — methodofaction, Jan 31 '11 at 13:24
good point I never noticed that! I'll take a look at that code, thanks very much — Tara Irvine, Feb 01 '11 at 11:07
I added a background colour to the nav and it works great now. — Tara Irvine, Feb 01 '11 at 11:32

score 2 · Answer 1 · edited Jun 12 '13 at 09:23

2

You can unbind the hover functionality and set the opacity of the nav elements to 1.

$('#galleria').galleria({
    extend: function() {
        this.$('image-nav-left, image-nav-right').unbind('hover');
        this.$('image-nav-left, image-nav-right').animate({opacity: 1}, 100);
    }
});

edited Jun 12 '13 at 09:23

Vitalii Zurian

17,858
4
64
81

answered Jul 27 '12 at 20:23

Jeff Sterup

101
4

Finally I found the answer! Thanks! :) But why do you apply `animate()` then? Unbinding is enough, isn't it? – Vitalii Zurian Jun 12 '13 at 09:23

score 1 · Accepted Answer · answered Mar 18 '11 at 14:50

1

I added a background colour to the thumbnail navigation buttons and they are now visible all the time but with the same opacity's.

answered Mar 18 '11 at 14:50

Tara Irvine

819
3
22
42

galleria thumbnail nav always display

2 Answers2