Monkey Albino

	 <script src="slider/jssor.slider-21.1.6.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        jssor_1_slider_init = function() {
            
            var jssor_1_SlideshowTransitions = [{$Duration:1200,x:0.2,y:-0.1,$Delay:20,$Cols:8,$Rows:4,$Clip:15,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:260,$Easing:{$Left:$JssorEasing$.$EaseInWave,$Top:$JssorEasing$.$EaseInWave,$Clip:$JssorEasing$.$EaseOutQuad},$Outside:true,$Round:{$Left:1.3,$Top:2.5}}];
            
            var jssor_1_options = {
              $AutoPlay: true,
              $SlideshowOptions: {
                $Class: $JssorSlideshowRunner$,
                $Transitions: jssor_1_SlideshowTransitions,
                $TransitionsOrder: 1
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$
              }
            };
            
            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
            
            function ScaleSlider() {
                var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
                if (refSize) {
                    refSize = Math.min(refSize, 2000);
                    jssor_1_slider.$ScaleWidth(refSize);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }
            ScaleSlider();
            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            //responsive code end
        };
        
    </script>

    <div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1200px; height: 267px; overflow: hidden; visibility: hidden;">
        <!-- Loading Screen -->
        <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
            <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
            <div style="position:absolute;display:block;background:url('slider/loading.html') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>
        </div>
        <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 1200px; height: 267px; overflow: hidden;">
			<?php 
    			$SQL = "select * from pages_content where content_pages_name='Home Slider Images'";
    			$query = mysql_query($SQL);	 
    			while ($result = mysql_fetch_array($query))
    				{		
    		?>
    		        <div data-p="112.50" style="display: none;">
						
					   <img u="image" src="media/<?php echo $result['image'];?>"  alt="<?php echo $result['title'];?>"  /> 
					</div>
					   
  				 <?php
					}
				 ?>   
						<!--<div data-p="112.50" style="display: none;">
						    <img u="image" src="slider/1544.jpg" />
						</div>
						<div data-p="112.50" style="display: none;">
						    <img u="image" src="slider/55555.jpg" />
						</div>
						<div data-p="112.50" style="display: none;">
						    <img u="image" src="slider/hasan-slider.jpg" />
						 </div>
						<div data-p="112.50" style="display: none;">
						    <img u="image" src="slider/slide.jpg" />
						</div>-->
            </div>
			<span data-u="arrowleft" class="jssora12l" style="top: 50%; left: 10px;" data-autocenter="2"></span>
			<span data-u="arrowright" class="jssora12r" style="top: 50%; right: 10px;" data-autocenter="2"></span>
        </div>

        <style>
          .jssora12l,.jssora12r{display:block;position:absolute;width:40px;height:46px;cursor:pointer;background:url(slider/a01.png) no-repeat;overflow:hidden}.jssora12l{background-position:-16px -37px;margin:0px 0 0}.jssora12r{background-position:-75px -37px;margin:0px 0 0}.jssora12l:hover{background-position:-136px -37px}.jssora12r:hover{background-position:-195px -37px}.jssora12l.jssora12ldn{background-position:-256px -37px}.jssora12r.jssora12rdn{background-position:-315px -37px}
        </style>
        
    <script type="text/javascript">jssor_1_slider_init();</script>
    <!-- #endregion Jssor Slider End -->