{"id":11342774,"date":"2019-03-22T09:05:36","date_gmt":"2019-03-22T09:05:36","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/table-with-image-hover\/"},"modified":"2019-03-23T11:36:37","modified_gmt":"2019-03-23T11:36:37","slug":"table-with-image-hover","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/table-with-image-hover\/","title":{"rendered":"Table with image hover"},"content":{"rendered":"

Hi there, we are building a new website with Jupiter X and there is a feature we would love to reproduce. If you check this page: <\/p>\n

It is a real estate site. There is a table listing apartments, and a gif image displaying the building. When hovering over a table row, the image is replaced by another one, showing the location of that apartment. The table uses data-image-class=”object-3″. When hovering over a row, default image changes from class=”project” to class=”project hide” and the image that’s “linked” to the table row changes from class=”object object-3″ to class=”object object-3 show”. Do you have any idea how to build this with Jupiter X \/ Elementor? <\/p>\n

Thanks.
\nKind regards. M<\/p>\n","protected":false},"template":"","class_list":["post-11342774","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/11342774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/11342774\/revisions"}],"predecessor-version":[{"id":11346907,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/11342774\/revisions\/11346907"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=11342774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}