X
Πατήστε εδώ για μετάβαση στην έκδοση της ιστοσελίδας για κινητές συσκευές.

Φόρουμ υποστήριξης

Image map hyperlinks not working

Δημοσιεύτηκε

We have launched a new responsive version of our website: www.thevintagewall.com. The main page has an image slider with clickable image map hyperlinks (unconventional, I know). The image maps work perfectly on all Mac desktop browsers (eg. Safari, Chrome), except for Firefox. We are using v. 59.0.1. When hovering over the image map areas, the pointer turns to a finger, so the browser is acknowledging the links, but just won't click on them (FYI - right click with mouse, then selecting 'Open link in new tab' will work). Does anyone know of a workaround or any coding specific to Firefox that will make these image maps work?

We have launched a new responsive version of our website: www.thevintagewall.com. The main page has an image slider with clickable image map hyperlinks (unconventional, I know). The image maps work perfectly on all Mac desktop browsers (eg. Safari, Chrome), except for Firefox. We are using v. 59.0.1. When hovering over the image map areas, the pointer turns to a finger, so the browser is acknowledging the links, but just won't click on them (FYI - right click with mouse, then selecting 'Open link in new tab' will work). Does anyone know of a workaround or any coding specific to Firefox that will make these image maps work?

Επιλεγμένη λύση

The links work if I disable JavaScript on the page to prevent the slider from overlapping the images (they just appear one after the next). So the issue seems to be related to stacking everything up in the slider. Since right-click > Open Link in... works, it isn't the common problem of a transparent overlay blocking the links. Which leaves the mystery of what is going wrong here...

I notice your bxslider script was updated in April with this message among the change log: "Fix for Firefox59 and PointerEvent standard compatibility". There also have been two subsequent update releases:

https://github.com/stevenwanderski/bxslider-4/releases

Hopefully that will fix it.

Ανάγνωση απάντησης σε πλαίσιο 1

Επιπρόσθετες λεπτομέρειες συστήματος

Εγκατεστημένα αρθρώματα

  • Shockwave Flash 29.0 r0

Εφαρμογή

  • Πλατφόρμα χρήστη: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:59.0) Gecko/20100101 Firefox/59.0

Περισσότερες πληροφορίες

jscher2000
  • Top 10 Contributor
8783 λύσεις 71823 απαντήσεις
Δημοσιεύτηκε

Επιλεγμένη λύση

The links work if I disable JavaScript on the page to prevent the slider from overlapping the images (they just appear one after the next). So the issue seems to be related to stacking everything up in the slider. Since right-click > Open Link in... works, it isn't the common problem of a transparent overlay blocking the links. Which leaves the mystery of what is going wrong here...

I notice your bxslider script was updated in April with this message among the change log: "Fix for Firefox59 and PointerEvent standard compatibility". There also have been two subsequent update releases:

https://github.com/stevenwanderski/bxslider-4/releases

Hopefully that will fix it.

The links work if I disable JavaScript on the page to prevent the slider from overlapping the images (they just appear one after the next). So the issue seems to be related to stacking everything up in the slider. Since right-click > Open Link in... works, it isn't the common problem of a transparent overlay blocking the links. Which leaves the mystery of what is going wrong here... I notice your bxslider script was updated in April with this message among the change log: "Fix for Firefox59 and PointerEvent standard compatibility". There also have been two subsequent update releases: https://github.com/stevenwanderski/bxslider-4/releases Hopefully that will fix it.
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

Thank you - We really appreciate your speedy response! (Buy you a beer?) Will give those recent fixes a look over.

Thank you - We really appreciate your speedy response! (Buy you a beer?) Will give those recent fixes a look over.
Shadow110 1072 λύσεις 14836 απαντήσεις
Δημοσιεύτηκε
Hi, you may want to fix these also as Firefox just loves good code : HTML (any reason you have css in the HTML file ? ) https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.thevintagewall.com%2F CSS Errors https://jigsaw.w3.org/css-validator/validator?uri=www.thevintagewall.com&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

Pkshadow, Thank you - Your guidance here was very much appreciated. Ironically, some of the obselete coding (like
and some of the bits) were taken from present-day online tutorials. Goes to show that even the most prolific coders aren't always on top of the trends! (We probably should refer back to the W3Schools more often) Lesson learned!
Pkshadow, Thank you - Your guidance here was very much appreciated. Ironically, some of the obselete coding (like <center> and some of the <table> bits) were taken from present-day online tutorials. Goes to show that even the most prolific coders aren't always on top of the trends! (We probably should refer back to the W3Schools more often) Lesson learned!
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

jscher2000 - Thanks again. As per your suggestion, we looked into the more recent updates/fixes for the bxslider script and CSS. We still had plenty of issues to follow - such as the prev/next buttons no longer appearing - but after a lot of experimentation, we found the below page to have the best working version for us:

https://github.com/stevenwanderski/bxslider-4/compare/v4.2.15...master

link text

jscher2000 - Thanks again. As per your suggestion, we looked into the more recent updates/fixes for the bxslider script and CSS. We still had plenty of issues to follow - such as the prev/next buttons no longer appearing - but after a lot of experimentation, we found the below page to have the best working version for us: https://github.com/stevenwanderski/bxslider-4/compare/v4.2.15...master [https://github.com/stevenwanderski/bxslider-4/compare/v4.2.15...master link text]

Τροποποιήθηκε στις από το χρήστη vintage74