Difference between revisions of "Template:Team:UGent Belgium/header"

 
(4 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
     <title>Bootstrap 101 Template</title>
 
     <title>Bootstrap 101 Template</title>
−
$('img').on('click', function (){
+
 
−
    $('body').append('<div id="dialog" title="Image"><img src="' + $(this).attr('src') + '" width="300" /></div>');
+
<link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" />
−
     $('#dialog').dialog();
+
<style type="text/css">
−
});
+
    a.fancybox img {
 +
        border: none;
 +
        -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
 +
     }
 +
    a.fancybox:hover img {
 +
        position: relative; z-index: 999; -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);
 +
    }
 +
</style>
 +
 
 
</head>
 
</head>
 
</html>
 
</html>

Latest revision as of 23:13, 3 September 2016

Bootstrap 101 Template