Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1159989

    412/5000
    Hi. Please, what should I do to make the horizontal scrolling click for the horizontal tunnel active with just one click? To make the gallery move horizontally, I have to double-click (twice click on the right or left horizontal arrow, with just one click, the image stops on the middle), instead I would like the new image to be placed with a single click on the horizontal arrow. I use the gallery on several pages:

    the last 3 galleries in

    the first gallery

    Thanks a lot. Best regards. Bruno

    #1161222

    Hey Bruno,
    Sorry for the late reply, so as I’m looking at your pages on desktop, and as I understand your issue, the galleries are not scrolling horizontally with one click, they seem to require two clicks, and then they work correctly with a single click.
    Investigating your page without an admin login, I don’t see any plugins used, but I see a script called that contains “ignore right click”
    So assuming you have tried disabling all plugins, or that you have no plugins, I would like admin access to investigate this further because I have not been able to recreate this issue on my local site.
    Please include an admin login in the private content area so we can take a closer look.
    Also, is this a test site or a live site?

    Best regards,
    Mike

    #1161346

    Hi Mike. I am redoing the site, when I finish I will have to replace it on the online site.
    ONLINE SITE https://trikego.com/
    RESTYLING SITE http://www.brunocover.it/CMS/wordpress/trikego/
    I don’t currently use plugins. Thanks again to your support, I am using many custom css, but I don’t use css to block right click, the right button is enabled, so I don’t understand what you mean, sorry. Access to you, please :))
    Thanks a lot for your support. Best regards. Bruno

    PS: There is a css to have the click to the light box on the whole image of the gallery / * HORIZONTAL GALLERY CLICK TO THE LIGHTBOX * / maybe you mean that? The problem I am submitting to you is to have the image updated with just one click on the right or left arrow, because now with just one click the image stops in the middle, with a double click you can see the whole picture : I would like to do it with just one click.

    #1161347

    The only plugin I am currently using is Duplicate Post. I’m working on the site in restyling, if it was convenient for you, duplicate a page with the gallery. Thank you for your support. Best regards. Bruno

    #1161669

    Hello Mike. Ask yourself another question, again on EASY SLIDER. Following the first request, the second will follow, sentrambi for EASY SLIDER:

    1. I would like one click on the right or left arrow to scroll one position. Now I have to make two clicks to scroll through the whole new image. With just one click you see only half of the new image. I would like to see the whole new image with just one click, not just half the image.

    2. Basic Easy Slider puts an icon in the lower right corner, thanks to the support the icon is disabled with css

    #top .av-horizontal-gallery-link {
        width: 100%! important;
        height: 100%! important;
        background: transparent! important;
        transform: none! important;
        color: rgba (0, 0, 0, 0); ! Important;
    }

    What I ask you is if you can activate a hover effect to highlight that the image is clickable, for example an overlay color. Now the only clue for the user is the pointer that becomes “hand”, I would like the user to be more evident that the image can be enlarged, making a veil of color when the mouse passes.

    Many thanks for your support Mike. Best regards. Bruno

    #1161701

    Hi,
    For a veil of color, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .av-horizontal-gallery-wrap:hover {
    	 filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(128deg) saturate(1000%) contrast(0.6);
    -webkit-filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(128deg) saturate(1000%) contrast(0.6);
    }

    Best regards,
    Mike

    #1162202

    Wow Mike, very very well, the effect is very beautiful. Thanks a lot Mike. Best regards. Bruno

    #1162299

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    #1162575

    Ok Jordan, the first request remains pending:

    1. I would like one click on the right or left arrow to scroll one position. Now I have to make two clicks to scroll through the whole new image. With just one click you see only half of the new image. I would like to see the whole new image with just one click, not just half the image.

    do I have to open another topic? Thanks a lot. Best regards. Bruno

    #1162606

    Hi,
    Glad this helped for you, as for the “scroll” issue I’m not sure we are understanding correctly, when I look at your site I see three images, two are shown on load, the first is active, so when we click the “next” button the second is centered, and the third shows half-way.
    This is correct?
    So I believe you want the third to be centered on the first click. If the element showed more than two on load this would not be an issue.
    Am I understanding this correctly?

    Best regards,
    Mike

    #1162627

    Exactly: with a single click you have all the new image, not just half the image. Thanks a lot Mike. Best regards. Bruno

    #1162711

    Hi,
    Ok, glad we now understand what the issue is, but I’m not sure we can make the horizontal gallery go to the last slide on click, skipping the second slide.
    I will ask the rest of the team for suggestions.
    Thank you for your patience.

    Best regards,
    Mike

    #1163843

    Hi. I’m sorry Mike if I expressed myself badly. I would like to switch to the next slide with just one click. Not the last slide. Now with one click, the next slide does not appear in full, only half the slide appears (the second image).

    https://ibb.co/C198Ncz
    https://ibb.co/q5M7LkC

    To see the whole slide and not just half of it, you need to make two clicks. I would like to make just one click and see the whole slide later (the third imnage). Do you think we can do it?

    https://ibb.co/VjcypzX

    Thanks a lot. Best regards. Bruno

    #1164395

    Hi,
    Thank you for the feedback, we do understand what you mean, I probably explained it in a technical way, sorry.
    I have asked the team for advice on this, Thank you for your patience while we find a solution.

    Best regards,
    Mike

    #1164647

    I am sorry for the repetition. Tahnks to you :))

    #1165043

    Hi,

    Thank you for the update.

    This is possible but the changes or modification will have to be done directly in the parent theme, which is not really advisable. The better solution is to enlarge the current image so that the users will know which image is active. Edit the gallery and set the Active Image Style to Enlarge Image.

    Best regards,
    Ismael

    #1165299

    Thanks Ismael: I had already tried your solution and proposal to the customer, but it is not to his taste. For this I asked the possibility to place the whole new slide with a single click on the slider scrolling arrow. For your solution, intervening on the parent theme, the parent theme is child theme? Do you mean child theme?

    #1165463

    Hi!

    Thank you for following up.

    We can remove the scale effect and change the active image indicator if that’s what the customer is not approving of.

    The css code below will disable the “enlarge” effect. It will also dim the inactive images and only the active image will display its actual color.

    .av-horizontal-gallery-animated .av-horizontal-gallery-wrap {
    	-webkit-filter: grayscale(70%);
    	filter: grayscale(70%);
    }
    
    .av-horizontal-gallery-enlarge-effect .av-horizontal-gallery-wrap.av-active-gal-item {
    	z-index: 2;
    	-webkit-transform: scale(1);
    	-ms-transform: scale(1);
    	transform: scale(1);
    	opacity: 1;
    	-webkit-filter: grayscale(0);
    	filter: grayscale(0);
    }

    We don’t recommend editing the script because the solution that we are thinking of will only work if there are 5 images in the gallery, and the modification will affect all horizontal galleries in the site.

    Cheers!
    Ismael

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Horizontal gallery one click to scroll horizontally’ is closed to new replies.