Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 22, 2015 at 5:13 pm #477222
    Carlos Longarela

    Hi, I need create dynamic content in my website, galleries are with external images in flickr and others in our servers via CDN, we create the html that will be include in templates with a custom template inside a enfold child theme, but I’d like to know the html and css classes that I need create for a mansory gallery (or javascript, no problem I can include html, jss, css or php in this template).

    I prove with:

    <div id="av-masonry-1" class="av-masonry noHover av-flex-size av-large-gap av-hover-overlay- av-masonry-col-automatic av-caption-always av-masonry-gallery avia_sortable_active">
	<div class="av-masonry-entry">
		<a href="/includes/concurso_06/medianas/edicion_1_foto_113.jpg" title="My Title">
		<img src="/concurso_06/miniaturas/edicion_1_foto_113.jpg" alt="My Title">
		</a>
	</div>
</div>

    This code will be in a WP page that use custom template. Must I initialize mansory with jquery? or what is the correct div structure and classes?

    Thanks in advance.

    July 23, 2015 at 9:15 am #477571
    Rikard

    Hey Carlos!

    I’m not sure what you are trying to do there, do you want to rebuild it from scratch using just html to be used in a template or do you want to add the code in the ALB?

    Best regards,
    Rikard

    July 23, 2015 at 10:26 am #477610
    Carlos Longarela

    Yes, I’ve a template that include a html file (dynamically created from server with a cron task), the html file included in that template must be a masonry gallery created from scratch with only html (and/or js).

    Kindly regards.

    July 24, 2015 at 9:48 pm #478397
    Josue

    Hey!

    Markup looks correct but you may need this too, to run alongside your HTML:

    <script>
(function($){
    $(window).load(function() {
    	$('.av-masonry').avia_masonry();
    });
})(jQuery);
</script>

    Cheers!
    Josue

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