Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 20, 2019 at 1:46 pm #1069454
    yampieters

    hello, i got this problem with this: https://www.mensengroei.nl/

    i want to put this effect in a wordpress enfold site but this is not so easy.
    the tric is when one is hovering an image, somewhere elso on the page another image is appearing.
    further more, one can click the image is that one is hovering.

    now i had a few questions:
    1. ive tested this, but the first problem is the image link is not working!

    test2

    ive put a link on the last image, the purple circle, but its not working. it should go to another page on the website, but its linking to the same image in the lightbox,
    https://screenshotscdn.firefoxusercontent.com/images/e07095d2-6d02-4648-a00e-f5fdfac290ac.png

    2. imagine it would be working, all i would need is a background pic in the frame where the big picture is appearing.
    this would be the background pic to be visible in the frame:
    https://screenshotscdn.firefoxusercontent.com/images/0131432f-57aa-4307-a199-2a9a3737273e.png
    as soon as i hover a picture, this ‘ frame image ‘ is replaced (actually ‘ layered over ‘ / made unvisible ) by another pic.
    so it should look like this: http://test.jmcwebdesign.nl/blog/test2/
    so the question is: can i put a background pic in the big frame?

    3. if all this could be done, is it in the enfold gallery also possible to show the big lightbox pics BELOW the small gallery pics?
    now standard they are show above it.

    4. or is there another way to tackle this problem, some plugin maybe?

    best regards, jelle vanhijfte

    February 20, 2019 at 4:35 pm #1069526
    Guenni007

    well to change the position is a bit code in child-theme functions.php:
    f.e. here to change the link to an anchor link is easy too;
    but to avoid that the link does not go in lightbox is hard to find for me now ( just to delete the lightbox and lightbox-added class is not enough)

    ( this is only for your testpage 130 )

    function change_position() { 
if(is_page(130)){
?>
<script>
(function($){
	$('.avia-gallery-thumb').insertBefore($('.avia-gallery-big'));
	$('.avia-gallery-big').css({"float": "left","width": "100%" });
	$('.avia-gallery-thumb').find('a[data-onclick="4"]').prop("href", "/test2/#socket");
	$('.avia-gallery-thumb').find('a[data-onclick="4"]').attr('target', '_self');
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'change_position');
    February 24, 2019 at 8:55 pm #1071020
    Basilis

    Hi,

    Thank you for the help Genius!

    Best regards,
    Basilis

    February 25, 2019 at 10:07 am #1071175
    yampieters

    thanks Guenni, you can close this ticket now!

    February 27, 2019 at 12:32 am #1072070
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘background pic in gallery frame?’ is closed to new replies.