Blur effect

kalco
Offline Topic Author
New Member
Posts: 4
Thanks: 0

Blur effect was created by kalco

Posted 10 years 4 months ago #16080

Hi to all.
I have one question.
how to put blur transparent image (image.png) or with css, if menu no active be blur, but if mouseover and activ menu back to normal menu images?

Thank you

by kalco

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29116
Thanks: 3703

Replied by ced1870 on topic Blur effect

Posted 10 years 4 months ago #16090

Hi
do you have already asked by email, right ?
There is no such effect. You should do it your self with JS or may be using the :hover css property to change the background image
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

kalco
Offline Topic Author
New Member
Posts: 4
Thanks: 0

Replied by kalco on topic Blur effect

Posted 10 years 4 months ago #16095

YES i asked you, but i need more ideas.
My menu no open if mouse over (all width is same)

I make any changes in js

Code:

var pathToBackgroundImage = '../modules/mod_kwickmenuck/assets/section.png';
// set the active item ON

            if (activeitemopened == 1) {
                if (kwick.getParent().hasClass('active')
                    || (kwick.getParent().hasClass('stayopen') && !$(kwickmenu).getElement('.active')) )
				[b]kwick.setStyle('background','url(' + pathToBackgroundImage + ')');[/b]

            }

but remove menu images and change with this. Here is problem

How this image (blur transparent mask) be over on image menu?

Thank you

by kalco

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29116
Thanks: 3703

Replied by ced1870 on topic Blur effect

Posted 10 years 4 months ago #16099

give me your url to check something

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

kalco
Offline Topic Author
New Member
Posts: 4
Thanks: 0

Replied by kalco on topic Blur effect

Posted 10 years 4 months ago #16100

goo.gl/fpPz5Z

I need any effect in mouseover and active menu image
Thank you

by kalco

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29116
Thanks: 3703

Replied by ced1870 on topic Blur effect

Posted 10 years 4 months ago #16101

you can try something in css

Code:

li.item435 > a.kwick:hover {
    background: url(image.jpg) !important;
}

435 is the ID of the menu item, here the first of the menu
this will change the image on mouseover

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.