code.grnet.gr Git - snf-cloudcms/blob - cloudcms/templates/content/videosection.html

   1 <div class="section videosection-{{ content.pk }}">
   2     <h2>{{ content.section_title }}</h2>
   3     <div class="content">
   4         <a class="simple videolink"
   5             href="{{ content.video_link }}">
   6             <img class="mainimg" src="{{ content.image.get_absolute_url }}" />
   7         </a>
   8     </div>
   9     <script>
  10         $(document).ready(function(){
  11             $(".videosection-{{ content.pk }}").find(".mainimg").hover(function(){
  12                 $(this).attr("src",
  13                 "{{ content.image_hover.get_absolute_url }}");
  14             }, function(){
  15                 $(this).attr("src",
  16                 "{{ content.image.get_absolute_url }}");
  17             })
  18
  19             $(".videosection-{{ content.pk }} a.videolink").colorbox({iframe:true,
  20                 innerWidth:{{ content.video_width }},
  21                 innerHeight: {{ content.video_height }}})
  22         })
  23     </script>
  24 </div>