Synnefo » snf-cloudcms

<div class="section videosection-{{ content.pk }}">

    <h2>{{ content.section_title }}</h2>

    <div class="content">

        <a class="simple videolink"

            href="{{ content.video_link }}">

            <img class="mainimg" src="{{ content.image.get_absolute_url }}" />

        </a>

    </div>

    <script>

        $(document).ready(function(){

            $(".videosection-{{ content.pk }}").find(".mainimg").hover(function(){

                $(this).attr("src",

                "{{ content.image_hover.get_absolute_url }}");

            }, function(){

                $(this).attr("src",

                "{{ content.image.get_absolute_url }}");

            })

            $(".videosection-{{ content.pk }} a.videolink").colorbox({iframe:true,

                innerWidth:{{ content.video_width }},

                innerHeight: {{ content.video_height }}})

        })

    </script>

</div>