?
Current Path : /home1/savoy/www/unova.in/application/views/site/ |
Linux gator3171.hostgator.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 |
Current File : /home1/savoy/www/unova.in/application/views/site/photo-gallery.php |
<?php $this->load->view('site/header'); ?> <link rel="stylesheet" href="<?=base_url()?>/assets/css/galleriffic-2.css" type="text/css" /> <script type="text/javascript" src="<?=base_url()?>/assets/js/jquery.galleriffic.js"></script> <script type="text/javascript" src="<?=base_url()?>/assets/js/jquery.opacityrollover.js"></script> <div class="banner"> <div class="banner_top"></div><!--banner_top end--> <div class="banner_mid_inner"><img src="<?=base_url()?>/assets/images/gallery.jpg" alt="Unova Photo Gallery"/></div><!--banner_mid end--> <div class="banner_bot"></div><!--banner_bot end--> </div><!--banner end--> <div class="content"> <div class="content_gallery"> <h1>Photo Gallery</h1> <!-- Start Advanced Gallery Html Containers --> <div id="gallery" class="content_slideshow"> <div id="controls" class="controls"></div> <div class="slideshow-container"> <div id="loading" class="loader"></div> <div id="slideshow" class="slideshow"></div> </div> <div id="caption" class="caption-container"></div> </div> <div id="thumbs" class="navigation"> <ul class="thumbs noscript"> <?php if ($gallery->num_rows() > 0) { foreach ($gallery->result_array() as $program) { ?> <li> <a class="thumb" name="leaf" href="<?=base_url()?>/assets/images/gallery/normal/<?=$program['image']?>" title="<?=$program['title']?>"> <img width="75" height="75" src="<?=base_url()?>/assets/images/gallery/thumbs/<?=$program['thumbnail']?>" alt="<?=$program['title']?>" /> </a> <div class="caption"> <div class="image-title"><?=$program['title']?></div> <div class="image-desc"></div> </div> </li> <?php } } ?> </ul> </div> <div style="clear: both;"></div> </div><!--content_gallery end--> </div><!--content end--> <script type="text/javascript"> jQuery(document).ready(function($) { // We only want these styles applied when javascript is enabled $('div.navigation').css({'width' : '300px', 'float' : 'left'}); $('div.content_slideshow').css('display', 'block'); // Initially set opacity on thumbs and add // additional styling for hover effect on thumbs var onMouseOutOpacity = 0.67; $('#thumbs ul.thumbs li').opacityrollover({ mouseOutOpacity: onMouseOutOpacity, mouseOverOpacity: 1.0, fadeSpeed: 'fast', exemptionSelector: '.selected' }); // Initialize Advanced Galleriffic Gallery var gallery = $('#thumbs').galleriffic({ delay: 2500, numThumbs: 15, preloadAhead: 10, enableTopPager: true, enableBottomPager: true, maxPagesToShow: 7, imageContainerSel: '#slideshow', controlsContainerSel: '#controls', captionContainerSel: '#caption', loadingContainerSel: '#loading', renderSSControls: true, renderNavControls: true, playLinkText: 'Play Slideshow', pauseLinkText: 'Pause Slideshow', prevLinkText: '‹ Previous Photo', nextLinkText: 'Next Photo ›', nextPageLinkText: 'Next ›', prevPageLinkText: '‹ Prev', enableHistory: false, autoStart: false, syncTransitions: true, defaultTransitionDuration: 900, onSlideChange: function(prevIndex, nextIndex) { // 'this' refers to the gallery, which is an extension of $('#thumbs') this.find('ul.thumbs').children() .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end() .eq(nextIndex).fadeTo('fast', 1.0); }, onPageTransitionOut: function(callback) { this.fadeTo('fast', 0.0, callback); }, onPageTransitionIn: function() { this.fadeTo('fast', 1.0); } }); }); </script> <?php $this->load->view('site/footer'); ?>