<

Carousel: Difference between revisions

From AI4Society Forum

No edit summary
No edit summary
 
(21 intermediate revisions by the same user not shown)
Line 4: Line 4:
   #contentSub { margin: 0; }
   #contentSub { margin: 0; }
   .carouselContainer { min-height: 400px; padding: 5px 0 5px 0; }
   .carouselContainer { min-height: 400px; padding: 5px 0 5px 0; }
   body { background: #00333f; }
   body { background: #94c633; }
 
  .card_photo {
    height: auto !important;
  }
 
  .large_card {
    display: flex;
    flex-wrap: wrap;
  }
 
  .carouselPrev, .carouselNext {
    background: #004250;
  }
 
  .carouselPrev:hover, .carouselNext:hover {
    background: #0b4d48 !important;
  }
 
  #bodyContent {
    background: #94c633;
  }
 
  @media screen and (max-width: 768px){
    .carouselPrev, .carouselNext {
      width: 30px !important;
      min-width: 30px !important;
    }
 
    .carouselMain {
      margin-left: 30px;
      margin-right: 30px;
    }
  }
 
</style>
</style>
<div style='border: 3px solid #00333f; background: #00333f;'>
<div style='border: 3px solid #94c633; background: #94c633;'>
<div id="carousel" style="min-width:400px;width:100%;display:inline-block;"></div>
<div id="carousel" style="width:100%;display:inline-block;"></div>
<script type="text/javascript">
<script type="text/javascript">
$('#bodyContent > h1').hide();
$('#bodyContent > h1').hide();
Line 14: Line 48:
     var people = new People();
     var people = new People();
     people.roles = [CI,AR];
     people.roles = [CI,AR];
     $.when(people.fetch()).then(function(){
     people.on("sync", function(){
         people.each(function(person){
         people.each(function(person){
             person.set('url', person.get('url').replace("?embed", ""));
             person.set('url', person.get('url').replace("?embed", ""));
         });
         });
        var view = new CarouselView({el: "#carousel", model: people});
     });
     });
    var view = new CarouselView({el: "#carousel", model: people});
    people.on("sync", function(){
        $(".carouselPrev,.carouselNext").addClass("highlights-background-hover");
    });
    setInterval(function(){
        $('.carouselUrl').attr('target', '_parent');
    }, 100);
});
});
setInterval(function(){
    $("a.carouselUrl").attr("href", $("a.carouselUrl").attr("href").replace("?embed", ""));
}, 250);
</script>
</script>
</html>
</html>


[/public]
[/public]

Latest revision as of 16:19, 5 February 2021

Retrieved from "https://forum.ai4society.ca/index.php?title=Carousel&oldid=97"