bnmbnmbnhjkhjkhjkhjktyutyutyuytutyutyutyhgjgjghjgjghjguytutyry

hjkhjkjhkhjkgjghjhgjhgjghjhghjghjhgjjnbvnvbnvk bnmbnmbnhjkhjkhjkhjktyutyutyuytutyutyutyhgjgjghjgjghjguytutyry

<?php

require 'config/config.php';

require 'config/connection.php';

$gal_result = mysqli_query($connection,"SELECT images.image,gallery.image as thumbimage,gallery.id FROM gallery  LEFT JOIN images

ON gallery.id=images.fk_content_id  AND images.content_type = 'gallery'");

<!doctype html>

<title>Ananda UAE Wing</title>

$(window).load(function() {

$('#slider').nivoSlider();

});

</script>

jssor_slider1_starter = function (containerId) {

var _SlideshowTransitions = [

//Fade in L

{$Duration: 1200, x: 0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade out R

, { $Duration: 1200, x: -0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade in R

, { $Duration: 1200, x: -0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade out L

, { $Duration: 1200, x: 0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade in T

, { $Duration: 1200, y: 0.3, $During: { $Top: [0.3, 0.7] }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }

//Fade out B

, { $Duration: 1200, y: -0.3, $SlideOut: true, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }

//Fade in B

, { $Duration: 1200, y: -0.3, $During: { $Top: [0.3, 0.7] }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade out T

, { $Duration: 1200, y: 0.3, $SlideOut: true, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade in LR

, { $Duration: 1200, x: 0.3, $Cols: 2, $During: { $Left: [0.3, 0.7] }, $ChessMode: { $Column: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }

//Fade out LR

, { $Duration: 1200, x: 0.3, $Cols: 2, $SlideOut: true, $ChessMode: { $Column: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }

//Fade in TB

, { $Duration: 1200, y: 0.3, $Rows: 2, $During: { $Top: [0.3, 0.7] }, $ChessMode: { $Row: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade out TB

, { $Duration: 1200, y: 0.3, $Rows: 2, $SlideOut: true, $ChessMode: { $Row: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade in LR Chess

, { $Duration: 1200, y: 0.3, $Cols: 2, $During: { $Top: [0.3, 0.7] }, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }

//Fade out LR Chess

, { $Duration: 1200, y: -0.3, $Cols: 2, $SlideOut: true, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade in TB Chess

, { $Duration: 1200, x: 0.3, $Rows: 2, $During: { $Left: [0.3, 0.7] }, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }

//Fade out TB Chess

, { $Duration: 1200, x: -0.3, $Rows: 2, $SlideOut: true, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade in Corners

, { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $ChessMode: { $Column: 3, $Row: 12 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }

//Fade out Corners

, { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $SlideOut: true, $ChessMode: { $Column: 3, $Row: 12 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }

//Fade Clip in H

, { $Duration: 1200, $Delay: 20, $Clip: 3, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade Clip out H

, { $Duration: 1200, $Delay: 20, $Clip: 3, $SlideOut: true, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade Clip in V

, { $Duration: 1200, $Delay: 20, $Clip: 12, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

//Fade Clip out V

, { $Duration: 1200, $Delay: 20, $Clip: 12, $SlideOut: true, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }

];

var options = {

$AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false

$AutoPlayInterval: 1500,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000

$PauseOnHover: 1,                                   //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1

$DragOrientation: 3,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)

$ArrowKeyNavigation: true,   			            //[Optional] Allows keyboard (arrow key) navigation or not, default value is false

$SlideDuration: 800,                                //Specifies default duration (swipe) for slide in milliseconds

$SlideshowOptions: {                                //[Optional] Options to specify and enable slideshow or not

$Class: $JssorSlideshowRunner$,                 //[Required] Class to create instance of slideshow

$Transitions: _SlideshowTransitions,            //[Required] An array of slideshow transitions to play slideshow

$TransitionsOrder: 1,                           //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random

$ShowLink: true                                 //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false

$ArrowNavigatorOptions: {                           //[Optional] Options to specify and enable arrow navigator or not

$Class: $JssorArrowNavigator$,                  //[Requried] Class to create arrow navigator instance

$ChanceToShow: 1                                //[Required] 0 Never, 1 Mouse Over, 2 Always

$ThumbnailNavigatorOptions: {                       //[Optional] Options to specify and enable thumbnail navigator or not

$Class: $JssorThumbnailNavigator$,              //[Required] Class to create thumbnail navigator instance

$ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always

$ActionMode: 1,                                 //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1

$SpacingX: 8,                                   //[Optional] Horizontal space between each thumbnail in pixel, default value is 0

$DisplayPieces: 10,                             //[Optional] Number of pieces to display, default value is 1

$ParkingPosition: 360                           //[Optional] The offset position to park thumbnail

}

};

var jssor_slider1 = new $JssorSlider$(containerId, options);

//responsive code begin

//you can remove responsive code if you don't want the slider scales while window resizes

function ScaleSlider() {

var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;

if (parentWidth)

jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, 1600), 300));

else

$Jssor$.$Delay(ScaleSlider, 30);

}

ScaleSlider();

$Jssor$.$AddEvent(window, "load", ScaleSlider);

$Jssor$.$AddEvent(window, "resize", $Jssor$.$WindowResizeFilter(window, ScaleSlider));

$Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);

//responsive code end

};

</script>

<!link rel="stylesheet" href="/resources/demos/style.css"-->
  <link rel="stylesheet" href="/css/slider.css">

</head>

<?php require 'menus/header.php'; ?>

<?php require 'menus/top_navigation.php'; ?>

<!----------------------------------------------------------------------------------------------------

IMAGE SLIDER

----------------------------------------------------------------------------------------------------->

<div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;

background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;">

</div>

<div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;

top: 0px; left: 0px;width: 100%;height:100%;">

</div>

<?php while($data = mysqli_fetch_object($gal_result) ){
			?>
			
            <div>
				
                <?php if($data->image !='' OR $data->image !=NULL) {?>

<img u="image" src="<?php echo HOST.UPLOAD_IMAGE_PATH_GALLERY?><?php echo $data->image ?>" />

<img u="thumb" src="<?php echo HOST.UPLOAD_IMAGE_PATH_GALLERY?><?php echo $data->thumbimage ?>" />

<?php     } ?>

</div>

<?php     } ?>

</div>

<style>

/* jssor slider arrow navigator skin 05 css */

.jssora05l              (normal)

.jssora05r              (normal)

.jssora05l:hover        (normal mouseover)

.jssora05r:hover        (normal mouseover)

.jssora05ldn            (mousedown)

.jssora05rdn            (mousedown)

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn

{

position: absolute;

cursor: pointer;

display: block;

background: url(../img/collegebg.png) no-repeat;

overflow:hidden;

}

.jssora05l { background-position: -10px -40px; }

.jssora05r { background-position: -70px -40px; }

.jssora05l:hover { background-position: -130px -40px; }

.jssora05r:hover { background-position: -190px -40px; }

.jssora05ldn { background-position: -250px -40px; }

.jssora05rdn { background-position: -310px -40px; }

</style>

</span>

</span>

</div>

</div>

jssor_slider1_starter('slider1_container');

</script>

</div>

</div>

</div>

<?php require 'menus/top_links.php'; ?>

<?php require 'menus/footer_links.php'; ?>

</div>

</body>

</html>