Rollovers stopped working [Branched from 2020 topic]

[ImageMagic]

I am one of those struggling designers using Bootstrap, and also here because "rollovers" have stopped working on a template I modified (circa 2019 maybe) using Dreamweaver, and wondering what you recommend using. This is not a simple rollover but a mouseover hover that is calling a modal. I sure would love this to work as it holds my portfolio designs.  Not a techie but in need to make a living after an extended disability and could sure use some help getting up to speed. Please and Thank you.

[Nancy OShea]

Answers to technical questions are contained in your code.

For us to provide assistance, we need to see the problem page.  Upload your Template.dwt, supporting scripts and problem page to your remote server and post the URLs.

It might be something simple like code errors. Go to Window > Results > Validation > check document.

Or it could be a deeper problem with outdated or incompatible scripts.

[BenPleysier]

Adding to @Nancy OShea 's answer, please be mindful that 60% of internet interactions are made using hand held devices. These devices do not have a mouse, hence there is no on-hover events.

To get up and running quickly, you may want to learn Bootstrap, the latest version is 5.3.1.

[Nancy OShea]

Rollovers have no effect on touch screen devices that lack a mouse. The majority of Internet users have mobile, tablet or touch screen devices now.

For better accessibility, most web sites use tap or onClick event triggers instead of old fashioned rollovers.

Below are examples with Bootstrap's .collapse  class.

Bootstrap version 4:  https://www.w3schools.com/bootstrap4/bootstrap_collapse.asp

Bootstrap version 5:  https://www.w3schools.com/bootstrap5/bootstrap_collapse.php

NOTE:  Support for Bootstrap 4 ended in January, 2023.