Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 27, 2015 at 2:49 pm #450574
    varos23

    Hello Kriesi-Team,

    too make it short, i want to model this page: http://www.glamsquad.com/styles/hair/

    1) the full screen slider with multiple images with links and caption
    2) to be responsive, but always just full screen, not more.

    Tried it with Fullscreen Slider obviously, but that doesn´t support more than 1 image per slide i guess.
    Also tried it with Masonry Gallery (which came the closest), but unfortunately i can´t get it to be fullscreen (wouldn´t be a slider too of course). Putting the gallery in a 100% screenheight color section didn´t work either (looks like boxed)

    My question: is there a way to achieve the above linked page with the basic Enfold functions?

    Cheers

    May 28, 2015 at 6:49 am #450930
    Josue

    Hi!

    Maybe the Accordion Slider element suits your needs, it doesn’t support fullscreen out of the box but i once helped an user make it fullscreen:
    https://kriesi.at/support/topic/accordion-slider-fit-to-hight/#post-326851

    Best regards,
    Josue

    May 28, 2015 at 9:27 am #451017
    varos23
    This reply has been marked as private.
    May 28, 2015 at 9:54 am #451039
    Josue

    Try playing with that JS fullscreen enabler script, you can apply it to other elements changing the selector:

    $('.aviaccordion').css('height', wh100_mod + 'px');

    Not sure how this would interact with a ‘load more’ button though as that will increase the masonry height in order to fit more items.

    Regards,
    Josue

    May 28, 2015 at 10:08 am #451051
    varos23

    what if i take the masonry gallery, set it to 4 columns and xyz image numbers with the “load more” button.
    the only thing i would needed left is to set those first 4 pictures (and of course the second row after scrolling, and so on) to full window height.

    please see the link from above again.
    – also why does the masonry gallery goes over my fixed socket?
    – also take a look at those settings please: http://www.awesomescreenshot.com/image/271236/119f3458a1ef03b5fcf33597df6dde0d

    Thank you so far,
    Roland

    May 28, 2015 at 11:04 am #451090
    Josue

    Change the script to:

    (function($){
$(window).load(function() {
    	var win = $(window);

    	function calc_accordion_height(){

	    	var subtract  = $('#wpadminbar, #header.av_header_top:not(.html_header_transparency #header), #main>.title_container'),
	    		wh100 	  = win.height(),
	    		wh100_mod = wh100;

	    	subtract.each(function(){ wh100_mod -= this.offsetHeight - 1; });	

	    	$('.av-masonry-image-container img').css('height', wh100_mod + 'px');
    	}

    	win.on( 'debouncedresize', calc_accordion_height);
    	calc_accordion_height();
    });
})(jQuery);

    That will get you closer but you’d need to re-think the mobile view.

    Regards,
    Josue

    May 28, 2015 at 11:12 am #451099
    varos23

    got it, but yeah on mobile i have now a little bit of white spacing left and right. but not too extreme, why is that? can i fix that?

    Also the gallery still lays over my fixed socket.

    • This reply was modified 8 years, 10 months ago by varos23.
    May 28, 2015 at 11:29 am #451110
    varos23

    Is there a possibility to insert a line in the script to remain the images´ proportions?

    Thanks so far, almost there.
    Roland

    May 28, 2015 at 8:59 pm #451432
    Josue

    You mean the aspect ratio? i don’t think there is a logical way to do that and -at the same time- keep the masonry 100% wide and 100% long of the window size. You’ll need to sacrifice the width and make it a minimum of 2000px (500px * 4):

    .av-masonry-container {
    min-width: 2000px;
}

    Regarding the socket set it a high z-index value:

    #socket{
    z-index: 100;
}

    Regards,
    Josue

    May 28, 2015 at 10:00 pm #451447
    varos23

    ok i see what i can do with the masonry.
    socket works now.

    Thank you very much Josue,
    Cheers

    May 28, 2015 at 10:16 pm #451453
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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