Navigation with hover images
I am trying to create a hover image with each li as below .
The idea is simple, we can use a script to change the source . however I have added a custom field to the Pages , so the end user can attach an image with each page. and I can use the url as data-image and use a script to change it on hover .
however I am unable to find the correct syntax to get to be used within the A element of the navigation template (horizontal) .
If any one has a better idea or at least what should I placed within the A element of the LI template .. then please advise.
Please find the attached files of the custom field code along with the Navigation code of my navigation .