<div class="glma-small-12 glma-medium-9 glma-large-10 glma-columns">
<h1>Featured Events</h1>
</div>
+
<div class="glma-small-12 glma-medium-3 glma-large-2 glma-columns">
<a href="{$mainEventUrl}"><button class="view-events-btn">VIEW ALL EVENTS</button></a>
</div>
<div class="glma-small-12 glma-columns main-events-container">
- <div id="feed" class="glma-row collapse">
+ <div id="feed" class="glma-row">
{foreach $events as $event}
<div class="event glma-small-12 text-left glma-medium-6 glma-large-4 glma-columns">
<a class="glma-event-image-container" href="{$siteBaseUrl}event-detail/{$event.name_slug}/">
</div>
{/if}
<script>
- jQuery(function($){
- var event_feed = $("#feed");
+ jQuery(window).on("load", function(){
+ var event_feed = jQuery("#feed");
event_feed.addClass("feed");
event_feed.children("div").addClass("feed-block");
-
+ var equalheight;
function check_window_width(){
- if($(window).width() > 1023){
- if($(".feed").hasClass('slick-initialized') ) {
- $(".feed").slick('unslick')
+ if(jQuery(window).width() > 1023){
+ if(jQuery(".feed").hasClass('slick-initialized') ) {
+ jQuery(".feed").slick('unslick')
}
- $(".feed").slick({
+ jQuery(".feed").slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
});
- } else if($(window).width() < 1025 && $(window).width() > 639){
- if($(".feed").hasClass('slick-initialized') ) {
- $(".feed").slick('unslick')
+ } else if(jQuery(window).width() < 1025 && jQuery(window).width() > 639){
+ if(jQuery(".feed").hasClass('slick-initialized') ) {
+ jQuery(".feed").slick('unslick')
}
- $(".feed").slick({
+ jQuery(".feed").slick({
infinite: true,
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 5000
});
- } else if($(window).width() < 641 && $(window).width() > 319){
- if($(".feed").hasClass('slick-initialized') ) {
- $(".feed").slick('unslick')
+ } else if(jQuery(window).width() < 641 && jQuery(window).width() > 319){
+ if(jQuery(".feed").hasClass('slick-initialized') ) {
+ jQuery(".feed").slick('unslick')
}
- $(".feed").slick({
+ jQuery(".feed").slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
});
}
}
- $(window).on("load", function(){
+
+ console.log("load")
equalheight = function(container){
var currentTallest = 0,
$el,
currentDiv,
topPosition = 0;
- $(container).each(function() {
+ jQuery(container).each(function() {
- $el = $(this);
- $($el).height('auto');
+ $el = jQuery(this);
+ jQuery($el).height('auto');
topPosition = $el.position().top;
if (currentRowStart != topPosition) {
for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
}
});
}
- equalheight( $('.event.feed-block .event-title-intro') );
- $('.main-events-container').fadeTo('slow', 1);
- });
+ equalheight( jQuery('.event.feed-block .event-title-intro') );
+ jQuery('.main-events-container').fadeTo('slow', 1);
+
check_window_width();
- $(window).resize(function () {
+ jQuery(window).resize(function () {
check_window_width();
- equalheight( $('.event.feed-block .event-title-intro') );
+ equalheight( jQuery('.event.feed-block .event-title-intro') );
});
});
</script>
\ No newline at end of file