$(document).ready(function() { var active1 = false; var active2 = false; var active3 = false; function circleMenu(){ if($("body").hasClass("mask_opened")){ $("body").removeClass("mask_opened"); $("#window_mask").fadeOut(400); }else{ $("body").addClass("mask_opened"); $("#window_mask").fadeIn(400); } if (!active1) $('.menu-item1').css({ 'transform': 'translate(0px,55px)', 'background-color': '#0B2548' }); else $('.menu-item1').css({ 'transform': 'none', 'background-color': 'white' }); if (!active2) $('.menu-item2').css({ 'transform': 'translate(-42.5px,42.5px)', 'background-color': '#0B2548' }); else $('.menu-item2').css({ 'transform': 'none', 'background-color': 'white' }); if (!active3) $('.menu-item3').css({ 'transform': 'translate(-55px,0px)', 'background-color': '#0B2548' }); else $('.menu-item3').css({ 'transform': 'none', 'background-color': 'white' }); active1 = !active1; active2 = !active2; active3 = !active3; } $('.radial-menu').on('mousedown', function() { circleMenu(); }); $("#window_mask").click(function(){ circleMenu(); }); }); function Slider(iPrimary,iPage,iPause) { if($("#Slider").length>0) { $("#Slider").flexslider({ namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin selector: "ul > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril animation: "fade", //String: Select your animation type, "fade" or "slide" easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported! direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" reverse: false, //{NEW} Boolean: Reverse the animation direction animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide) slideshow: true, //Boolean: Animate slider automatically slideshowSpeed: 10000, //Integer: Set the speed of the slideshow cycling, in milliseconds animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds randomize: false, //Boolean: Randomize slide order fadeFirstSlide: true, //Boolean: Fade in the first slide when animation type is "fade" thumbCaptions: false, //Boolean: Whether or not to put captions on thumbnails when using the "thumbnails" controlNav. // Usability features pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering pauseInvisible: true, //{NEW} Boolean: Pause the slideshow when tab is invisible, resume when visible. Provides better UX, lower CPU usage. useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches // Primary Controls controlNav: iPage, //Boolean: Create navigation for paging control of each slide? Note: Leave true for manualControls usage directionNav: iPrimary, //Boolean: Create navigation for previous/next navigation? (true/false) prevText: "Previous", //String: Set the text for the "previous" directionNav item nextText: "Next", //String: Set the text for the "next" directionNav item // Secondary Navigation keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present. mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel pausePlay: iPause, //Boolean: Create pause/play dynamic element pauseText: "Pause", //String: Set the text for the "pause" pausePlay item playText: "Play", //String: Set the text for the "play" pausePlay item // Special properties controlsContainer: "", //{UPDATED} jQuery Object/Selector: Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be $(".flexslider-container"). Property is ignored if given element is not found. manualControls: "", //{UPDATED} jQuery Object/Selector: Declare custom control navigation. Examples would be $(".flex-control-nav li") or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs. sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care. asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider // Carousel Options itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding. itemMargin: 0, //{NEW} Integer: Margin between carousel items. minItems: 1, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this. maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit. move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items. allowOneSlide: true, //{NEW} Boolean: Whether or not to allow a slider comprised of a single slide // Callback API start: function() { }, //Callback: function(slider) - Fires when the slider loads the first slide before: function() { }, //Callback: function(slider) - Fires asynchronously with each slider animation after: function() { }, //Callback: function(slider) - Fires after each slider animation completes end: function() { }, //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) added: function() { }, //{NEW} Callback: function(slider) - Fires after a slide is added removed: function() { }, //{NEW} Callback: function(slider) - Fires after a slide is removed init: function() { } //{NEW} Callback: function(slider) - Fires after the slider is initially setup }); } } $(function(){ Slider(true,true,false); }) body#adminStyle1 #headContainerMobile #logo img { padding-top: 8px; margin-left: -10px; width: 230px;}@media only screen and (max-width: 567px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 12px; margin-left: -10px; width: 200px; }}@media only screen and (max-width: 510px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 16px; margin-left: -10px; width: 180px; }}@media only screen and (max-width: 479px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 18px; margin-left: -10px; width: 155px; }}@media only screen and (max-width: 410px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 20px; margin-left: -10px; width: 135px; }}@media only screen and (max-width: 374px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 22px; margin-left: -10px; width: 115px; }@media only screen and (max-width: 319px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 24px; margin-left: -10px; width: 90px; }@media only screen and (max-width: 269px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 30px; margin-left: 0px; width: 50px; }
If you wish to come back to campus for photo-taking, please register online before you come back. All graduates and guests are requested to follow the precautionary measures on campus.
Graduation decorations on campus
Starting from mid-November, a range of graduation decorations has been set up on the Main Campus, Jockey Club Campus and the Jockey Club Institute of Healthcare by the Alumni Affairs Office. Besides, photo backdrops will be set up and various props will also be provided in the Multi-purpose Hall on Main Campus which will be open from 10am to 8pm from 29 November to 30 December.
Campus photo-taking spots
Remarks: The University reserves the right to take photos, video or recordings in other forms during the activity for all kinds of legal purpose without seeking further approval from applicants or making payments of any kind to them.
Stay connected with OUHK
As our valued members of the OUHK family, we cordially invite you to stay connected with us and keep track of the exclusive benefits for alumni, latest happenings and activities of the University and many more! Make sure to check out our Facebook page and provide us with your updated personal information by clicking here so you won’t miss any news from your alma mater.
Organizer: Alumni Affairs Office, Public Affairs Unit
@media only screen and (max-width:979px){body#adminStyle1 #copyRightDT{display:none;}}@media only screen and (min-width: 980px){body#adminStyle1 #copyRight{display:none;}}
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
Strictly Necessary Cookies
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.
Alumni Link Scheme
Youtube
Instagram
