LinkScroll And Click
-
Hi, I have a couple of imgs on a container on the top of the page and a container near the bottom of the screen that holds other images. I’ve set the images on the bottom to have visibility hidden and when I click the corresponding image On top it should set the hidden to visible.
So far so good , It works BUT…
If I set to the image on top to have a link to an anchor above the bottom image so I can show a scroll it doesnt change the visibility. It does go to the anchor but the image never changes visibility.
When I look the source code where the image should appear I see:
<div class="elementor-element elementor-element-fcb923d e-flex e-con-boxed e-con e-parent" data-id="fcb923d" data-element_type="container">
<div class="e-con-inner">
<div class="dce-visibility-element-hidden dce-visibility-original-content dce-visibility-event elementor-element elementor-element-0aff488 elementor-widget elementor-widget-image dce-visibility-event-initialized" data-id="0aff488" data-element_type="widget" data-settings="{"enabled_visibility":"yes","dce_visibility_click":"#RockyImg","dce_visibility_selected":"yes","dce_visibility_event":"click"}" data-widget_type="image.default">
<div class="elementor-widget-container">
<img loading="lazy" decoding="async" width="1024" height="592" src="https://mysite/retrocard/wp-content/uploads/2024/07/01-RockyScroll-1024x592.webp" class="attachment-large size-large wp-image-30" alt="" srcset="https://mysite/retrocard/wp-content/uploads/2024/07/01-RockyScroll-1024x592.webp 1024w, https://mysite/retrocard/wp-content/uploads/2024/07/01-RockyScroll-300x173.webp 300w, https://mysite/retrocard/wp-content/uploads/2024/07/01-RockyScroll-768x444.webp 768w, https://mysite/retrocard/wp-content/uploads/2024/07/01-RockyScroll.webp 1181w" sizes="(max-width: 1024px) 100vw, 1024px"> </div>
</div>
</div>
</div>As far As I can see the img is there but not visible …
How can I implement both the link and the click
- You must be logged in to reply to this topic.