Blur effect

kalco
Topic Author
Offline
New Member

11 years 2 days ago #16080 by kalco

Blur effect was created by kalco

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

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

ced1870
Offline
Administrator

11 years 2 days ago #16090 by ced1870

Replied by ced1870 on topic Blur effect

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

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

kalco
Topic Author
Offline
New Member

11 years 2 days ago #16095 by kalco

Replied by kalco on topic Blur effect

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

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

ced1870
Offline
Administrator

11 years 2 days ago #16099 by ced1870

Replied by ced1870 on topic Blur effect

give me your url to check something

Joomlack Webmaster and Developer

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

kalco
Topic Author
Offline
New Member

11 years 2 days ago #16100 by kalco

Replied by kalco on topic Blur effect

goo.gl/fpPz5Z

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

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

ced1870
Offline
Administrator

11 years 2 days ago #16101 by ced1870

Replied by ced1870 on topic Blur effect

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

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

Time to create page: 0.208 seconds