Ad
SVG Image Map In Wordpress - Hyperlinks Do Not Work
I am trying to set up an interactive map the visitor can use to navigate through scientific methodes. The SVG works flawlessly but Wordpress disables the hyperlinks within the image. I know this is due to security but I still want to get this going. Any ideas how this could work?
Embedding:
Would appreciate any help. Also I am no learned programmer, so I need a while to wrap my head around stuff.
Cheers
Ad
Answer
When an SVG is embedded as an <img>, it is embedded as a bitmap. Any animation or interaction, such as links, are lost.
The normal solution is to embed your SVG as an <object> instead. However I am not an expert on Wordpress, so I can't offer advice on how to do that part.
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad