Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 28, 2017 at 6:01 pm #869984
    simsb79

    Hi
    I’m trying to make a website for my school and i would like to make a image box with animation like this one https://ibb.co/d5fZFm
    from this website https://www.lapointcamps.com/
    thanks

    October 28, 2017 at 8:50 pm #870013
    Mike

    Hey simsb79,
    Try using the masonry gallery element, I recreated the page by using the same images and settings the columns to 3 and number of images to 4 with the “Perfect Automatic Masonry” chosen as the size option.
    Then I choose to use the image title as the mouse overlay. That is what gives you the animation.
    Note that the 16:9 ratio is key to having the wide or tall images use two blocks.
    2017-10-28_143928
    2017-10-28_144810

    Best regards,
    Mike

    • This reply was modified 7 years, 1 month ago by Mike.
    October 29, 2017 at 1:11 am #870049
    simsb79

    That was fast!
    The picture with the level 1 is also 1280×720 ?
    Thanks

    October 29, 2017 at 4:50 pm #870107
    Mike

    Hi,
    For the demo I took screenshots of each image,
    level 1 was 481×906
    level 2 was 972×447
    level 3 + 4 was 482×445
    but I’m sure you can use larger images with the same ratio.
    Let us know if this works for you, and if we can close this.

    Best regards,
    Mike

    October 29, 2017 at 10:54 pm #870240
    simsb79

    Hi Mike
    Thanks for your help.
    I have a problem with the tall image
    https://ibb.co/cJjPGR
    https://ibb.co/nbyRwR
    How can i chose the tall image.
    Thanks

    October 30, 2017 at 6:26 am #870338
    Jordan Shannon

    Hi,

    You want to change the size of the tall image? You can try and adjust the size settings in the options menu, or adjust it via css.

    Best regards,
    Jordan Shannon

    October 30, 2017 at 5:12 pm #870582
    simsb79

    I want to have one tall image but when i upload to the gallery it never apear on the mansory gallery as tall image.
    all the images have the sizes:
    level 1 was 481×906
    level 2 was 972×447
    level 3 + 4 was 482×445

    October 31, 2017 at 4:59 am #870711
    Jordan Shannon

    Hi,

    Can you please provide a link to the page that is giving you issue so we may inspect it?

    Best regards,
    Jordan Shannon

    October 31, 2017 at 9:15 pm #870987
    simsb79

    Hi Jordan
    is here this page http://wannakite.com/destinations/

    November 1, 2017 at 9:42 pm #871384
    Jordan Shannon

    Hi,

    I see, wordpress is cropping images by default and you can control it using a plugins like this: https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.