Okay
  Public Ticket #1534156
Advanced Image Gallery image hover effects + image no caption
Closed

Comments

  • Vagabonds started the conversation

    Hello there!

    First i want to thank you for this fantastic theme! So well organised ~ so easy to use! Thanks!

    I have a question on something i am trying to achieve.

    I have an Advanced Image Gallery and i am trying to put some zoom in effect while hovering the images.

    1. I have succeded partially, but i cannot hide the overflow.

    2. Also i want to remove the image shadow (although i have it NO in options, still appears)

    3. And a final thing, i want to remove any image caption/text that shows on hover.

    Any help will be appreciated!

    ps. Sorry but i can't provide any url, because is working locally.

  •  753
    Qode replied

    Hi there,

    Thank you for your words, we are glad you like our theme.

    1. The overflow is automatically set to hidden when using Advanced Image Gallery and 'Zoom' as Image Behavior. It may look like it's not if the width of the images is smaller than the width of column they are in.

    2. You shouldn't have any image shadow if it's set to 'NO' in options, but because you are working locally, we cannot provide the necessary help as we don't have an actual visual representation of the problem. It would be of great help if you could tell us the exact settings that you are using for Advanced Image Gallery as well as image sizes so that we can try to replicate that issue on our end. Screenshots are also welcomed.

    3. Same goes for this problem, we cannot provide additional help without a website to inspect to. You can try to put your website live and provide us with a link as that would help us to better investigate the problem and help you with it.

    Best Regards!

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Best Regards,

    Qode

  • Vagabonds replied

    Hello!

    I changed the Image Behavior of Advanced Image Gallery to Zoom,
    and now there is no problem with Overflow (#1), Shadow (#2) and no Caption/Text (#3).

    But also i want to open a Light box to see bigger the image. Can be done?

    Thanks!

    ps. That's why i firstly put the setting to Open Lightbox and try with css to achieve the Zoom In Effect.

  •  753
    Qode replied

    Hello again,

    You could try with this solution. Change the Image Behavior to 'Open LightBox' and add this css in Qode Options > General > Custom Code > Custom CSS field:

    .qode-aig-image-inner:hover > a > img
    {
        transform: scale(1.1);
    } .qode-aig-image-inner > a > img
    {
        transition: all 0.5s ease;
    } .qode-aig-image-inner
    {
        overflow: hidden;
    } .aig-gallery-hover
    {
        display: none !important;
    }

    Please note that this is custom solution, it should be tested and we cannot guarantee that it will work perfectly across all browsers.

    Hope this helps,

    Best Regards!

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Best Regards,

    Qode

  • Vagabonds replied

    Worked like a charm!

    But just to be 100% sure, i put all the values for all browsers.

    So it becomes:

    .qode-aig-image-inner:hover > a > img
    { 
    -webkit-transform:scale(1.1); /* Safari and Chrome */ 
    -moz-transform:scale(1.1); /* Firefox */ 
    -o-transform:scale(1.1); /* Opera */ 
    -ms-transform:scale(1.1); /* IE 9 */
    transform: scale(1.1);
    }

    and

    .qode-aig-image-inner > a > img
    {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */ 
    -moz-transition: all 0.5s ease; /* Firefox */ 
    -o-transition: all 0.5s ease; /* Opera */ 
    -ms-transition: all 0.5s ease; /* IE 9 */ 
    transition: all 0.5s ease;
    }

    Many thanks! Ticket closed : )

  •  753
    Qode replied

    Hi,

    You are welcome, we are glad that worked out for you.

    Yes, it is a good thing you did that due to browser compatibility.

    Feel free to write us for any further assistance if needed.

    If you have some spare time and if you are satisfied with our support, we would really appreciate it if you would be willing to rate us with 5 stars on this link - http://themeforest.net/downloads. By doing this you will be helping us build even better themes and provide better support. Thank you in advance.

    Best Regards!

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Best Regards,

    Qode

  • made replied

    3. And a final thing, i want to remove any image caption/text that shows on hover.

    I want this feature? how can I enable to show caption/text that show on image on hover?

  •  753
    Qode replied

    Hello there,

    Sorry for late response, we were working with limited resources last few days.

    Please, submit your own ticket and provide some more information on what are you trying to achieve and include some screenshots also. Thanks.

    Best Regards,

    Walt

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Best Regards,

    Qode