Imagehover addon show mouseover state

[jacobtegel]

I would love to have the option to choose for the imagehover addon that the mousover image state will be shown instead of the regular project thumbnail image (kind of how you can choose that the mouseover state will be shown on mobile).

[arminunruh]

what what

option to choose for the imagehover addon that the mousover image state will be shown instead of the regular project thumbnail image

aahh

ok

[jacobtegel]

Sorry for any confusion, i just meant that it’s possible to choose to »Always show mousover state« on mobile so i was hoping it would be possible to only show mousover with imagehover haha

[arminunruh]

that setting is only for project thumbnails

imagehover addon only makes images appear when you mouseover over a link in a text :D

[jacobtegel]

yes i know haha
but i would like show the project thumbnail mouseover state with imagehover; i am working on a site where we are using black & white images for the thumbnail grid with a color version on hover. now when hovering over the project index, also the b/w will be is shown, and i would like to show the mousover image (the colour version). :) and since the option exists for mobile, i was hoping it would be easy to find a solution to this :)

[arminunruh]

oh yea

for switching between gray and colored images you could also use css instead of a mouseover image:

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale

this would improve the loading times as then not two images have to be loaded for a mouseover image, but only one

look, in the texteditor i can set any image as a imagehover image

are you using a project index element?

[jacobtegel]

yes, we’re using project grid on one page and project index on another. :) and in the grid we’d like them grey with colour on hover and on the index the colour version on hover (using imagehover) haha
and since there is the option for a mouseover image inside the projects i just set them there but i will look into css grayscale; sounds like a great idea, thank you!

site: http://new.blila.de

[arminunruh]

so theres this one option, but im not sure it applies to your case

when you just have a project thumbnail in your layout by clicking "+ project thumbnail"

you can right click it in the gridder and click "replace image"

then at least ur thumbnail has a different image

yes, we’re using project grid on one page and project index on another. :) and in the grid we’d like them grey with colour on hover and on the index the colour version on hover (using imagehover) haha

since this is only about colored or non colored images

if i was you i would use custom css (link above) and set images on one page to grayscale

[jacobtegel]

alright thank you so much! i will consider using the css greyscale.
then i might run into another topic that is: for some projects we’re using a different image for the mouseover. when turning on mouseover thumbnail in lay settings and then not selecting a mouseover image inside the project – because we’re only using a different image for some projects – , laytheme will automatically use one of the images from within the project as a mouseover. is there a way to disable that behaviour? thank you for your patience with all of my question!

[jacobtegel]

@jacobtegel said in Imagehover addon show mouseover state:

then i might run into another topic that is: for some projects we’re using a different image for the mouseover. when turning on mouseover thumbnail in lay settings and then not selecting a mouseover image inside the project – because we’re only using a different image for some projects – , laytheme will automatically use one of the images from within the project as a mouseover. is there a way to disable that behaviour? thank you for your patience with all of my question!

nevermind, it doesn’t seem to be happening anymore, happened last time when i was testing this

[arminunruh]

oh ok!

yea i didnt code it this way i believe to take some other image if no image was selected