-
Posts
-
Hello, is there a way that instead of the little pop up bubble showing when you scroll over a gallery image, that it only shows up when you click the image? I’ve attached an image of the pop up bubble I’m referring to. Thank you.
Hey mmentuccia,
Those are title or alt elements that show when you hover over image, they are HTML native elements.
Please refer to this thread for a possible solution.Best regards,
VictoriaHi Victoria,
That actually was helpful as I didn’t want to see that text either, so thank you. But What I originally was referring to was the little popup bubble. In the image I provided it says “Incorrect.” My question is, can the image only say “Incorrect” after you click the image? Instead of simply displaying when you scroll over the image?
Best regards,
MarcHi Marc,
Sorry, I did not get the whole issue:) For that I need to see, how that is implemented. Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.
Best regards,
VictoriaHi Marc,
To change the event that the captions show to, you need to edit the avia.js file find there this line $.AviaTooltip = function(options) and in defaults change event from mouseenter to click.
This will affect the whole website and the changes will be lost unless you move avia.js to a child theme.If you need further assistance please let us know.
Best regards,
VictoriaHi Marc,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardOne more thing. Is it possible to add a short sound that automatically plays after you click the image?
Best regards,
MarcHi Marc,
You could try to implement one of the solutions below:
http://stackoverflow.com/questions/29567580/play-a-beep-sound-on-button-click
http://stackoverflow.com/questions/31715188/buttons-click-sounds
http://stackoverflow.com/questions/32913026/click-a-button-to-play-sound-on-javascriptor you could just add red or green border on the masonry item.
Best regards,
VictoriaAlso, I just noticed that after altering avia.js that my social share buttons aren’t working correctly. If I click them they just say the name of the website, but do not open the link to share to that particular website. Is there anyway to fix this without reverting avia.js to its original settings?
Best regards,
MarcHi mmentuccia,
I am not seeing the link to your website any more. Have you removed it? I need to look at it again.
Best regards,
VictoriaHi,
That can be an issue on the code and the replacements.
We can not know exactly.
Bets option is to remove the code and then go step by step so you can make sure the problem is thereBest regards,
BasilisI just checked, it’s definitely from changing $.AviaTooltip = function(options) changed default “mouseenter” to “click”
This was done in avia.js file. Is there a way so this does not affect the social share buttons?
Best regards,
MarcHi mmentuccia,
Yes, in you need to instantiate aviatooltip separately for the images where you want to show caption on click. Or a totally different script for that page. You might want to consider hiring a freelancer to do it for you, since it will require quite an amount of customization.
Best regards,
VictoriaThanks, I think I may just use a separate plugin for the social share buttons. You can consider this issue closed.
Best regards,
Marc
- The topic ‘Gallery image pop up bubbles – clickable instead?’ is closed to new replies.