-
AuthorPosts
-
November 27, 2024 at 6:13 pm #1472397
Hi Mike,
Sorry, in computer looks perfect but I have seen the web in mobile and when you click in the image.
You can see like a transition in the middle of the image you have clicked.Could you help to remove this transition?
Thanks advance,
BR,
Antonio
- This topic was modified 1 week ago by 95mc.
November 28, 2024 at 7:26 am #1472428Hey Antonio,
Thank you for the inquiry.
We updated the script and the style modifications a bit so that they only apply on desktop view:
Script:
function next_slide_on_image_click() { ?> <script type="text/javascript"> window.addEventListener("DOMContentLoaded", function () { if (window.matchMedia("(min-width: 1024px)").matches) { // Apply only for screens wider than 1024px (function($){ $('.avia-slide-wrap img').click(function() { $(this).closest('.avia-slideshow').find('.avia-slideshow-arrows a.next-slide').trigger('click'); }); })(jQuery); } }); </script> <?php } add_action('wp_footer', 'next_slide_on_image_click');
CSS:
@media only screen and (min-width: 1024px) { .avia-slideshow-arrows.avia-slideshow-controls { height: 100% !important; width: 100% !important; display: block; position: absolute; top: 0; left: 0; } #top .avia-slideshow-arrows a { width: 50% !important; height: 100%; top: 0; margin: 0 !important; padding: 0 !important; opacity: 0 !important; } #top .avia-slideshow-arrows a.prev-slide { left: 0; } #top .avia-slideshow-arrows a.next-slide { right: 0; } }
Best regards,
IsmaelNovember 28, 2024 at 11:28 am #1472472Hi Ismael,
Sorry for my English. We don’t need arrows in the mobile version. We need remove the transparent layer that appears in mobile when you click.
We have made a screenshot that attach.
Thanks advance,BR,
Antonio
November 29, 2024 at 4:27 am #1472556Hi,
Thank you for the clarification.
To remove the highlight or focus outlines, try to add this css code:
#top .av-control-minimal .avia-slideshow-arrows a, #top .av-control-minimal .avia-slideshow-arrows a:before { user-select: none; outline: none; -webkit-tap-highlight-color: transparent; }
Best regards,
IsmaelNovember 29, 2024 at 8:32 am #1472564Hi Ismael,
Looks perfect!
Many thanks.BR,
Antonio.
November 30, 2024 at 8:46 pm #1472637Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘No transitions easy slider’ is closed to new replies.