root / cloudcms / templates / content / videosection.html @ a313be91
History | View | Annotate | Download (941 Bytes)
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>
|