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

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