Tagged: horizontal gallery
-
AuthorPosts
-
November 25, 2019 at 7:11 pm #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
November 29, 2019 at 1:32 pm #1161222Hey 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,
MikeNovember 29, 2019 at 7:57 pm #1161346Hi 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. BrunoPS: 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.
November 29, 2019 at 8:22 pm #1161347The 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
December 1, 2019 at 9:09 pm #1161669Hello 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
December 2, 2019 at 1:28 am #1161701Hi,
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,
MikeDecember 3, 2019 at 2:00 pm #1162202Wow Mike, very very well, the effect is very beautiful. Thanks a lot Mike. Best regards. Bruno
December 3, 2019 at 6:12 pm #1162299Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan ShannonDecember 4, 2019 at 1:39 pm #1162575Ok 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
December 4, 2019 at 2:31 pm #1162606Hi,
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,
MikeDecember 4, 2019 at 3:08 pm #1162627Exactly: with a single click you have all the new image, not just half the image. Thanks a lot Mike. Best regards. Bruno
December 4, 2019 at 7:54 pm #1162711Hi,
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,
MikeDecember 8, 2019 at 6:32 pm #1163843Hi. 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/q5M7LkCTo 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?
Thanks a lot. Best regards. Bruno
December 10, 2019 at 1:46 pm #1164395Hi,
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,
MikeDecember 10, 2019 at 10:28 pm #1164647I am sorry for the repetition. Tahnks to you :))
December 12, 2019 at 4:25 am #1165043Hi,
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,
IsmaelDecember 12, 2019 at 7:24 pm #1165299Thanks 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?
December 13, 2019 at 10:57 am #1165463Hi!
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 -
AuthorPosts
- The topic ‘Horizontal gallery one click to scroll horizontally’ is closed to new replies.