Bilgi ve İletişim Güvenliği Rehberi (BİGR) Danışmanlığı Hizmeti

Beyaz.Net İpucu

Tüm makalelere erişmek için tıklayınız.

KATEGORİLER

Delphi

(18)

PHP

(211)

Dotnet

(1)

Phyton Programlama

(4)

FileMaker

(11)

Jquery Slayt Resimler

dosyaları buradan indirebilirsiniz.

slayt olarak jquery ile resimleri gösterme

                       </ul>
                       <a class="pageLink next" style="visibility: hidden;" href="#" title="Next Page"></a>
                   </div>
</div>

               // Initially set opacity on thumbs and add
               // additional styling for hover effect on thumbs
               var onMouseOutOpacity = 0.67;
               $('#thumbs ul.thumbs li, div.navigation a.pageLink').opacityrollover({
                   mouseOutOpacity:   onMouseOutOpacity,
                   mouseOverOpacity: 1.0,
                   fadeSpeed:         'fast',
                   exemptionSelector: '.selected'
               });

               // Initialize Advanced Galleriffic Gallery
               var gallery = $('#thumbs').galleriffic({
                   delay:                     2500,
                   numThumbs:                 10,
                   preloadAhead:              10,
                   enableTopPager:            false,
                   enableBottomPager:         false,
                   imageContainerSel:         '#slideshow',
                   controlsContainerSel:      '#controls',
                   captionContainerSel:       '#caption',
                   loadingContainerSel:       '#loading',
                   renderSSControls:          true,
                   renderNavControls:         true,
                   playLinkText:              'Başla',
                   pauseLinkText:             'Durdur',
                   prevLinkText:              '&lsaquo; Geri',
                   nextLinkText:              'İleri &rsaquo;',
                   nextPageLinkText:          'İleri &rsaquo;',
                   prevPageLinkText:          '&lsaquo; Geri',
                   enableHistory:             true,
                   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);

                       // Update the photo index display
                       this.$captionContainer.find('div.photo-index')
                           .html('Photo '+ (nextIndex+1) +' of '+ this.data.length);
                   },
                   onPageTransitionOut:       function(callback) {
                       this.fadeTo('fast', 0.0, callback);
                   },
                   onPageTransitionIn:        function() {
                       var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
                       var nextPageLink = this.find('a.next').css('visibility', 'hidden');

                       // Show appropriate next / prev page links
                       if (this.displayedPage > 0)
                           prevPageLink.css('visibility', 'visible');

                       var lastPage = this.getNumPages() - 1;
                       if (this.displayedPage < lastPage)
                           nextPageLink.css('visibility', 'visible');

                       this.fadeTo('fast', 1.0);
                   }
               });

/**************** Event handlers for custom next / prev page links **********************/

               gallery.find('a.prev').click(function(e) {
                   gallery.previousPage();
                   e.preventDefault();
               });

               gallery.find('a.next').click(function(e) {
                   gallery.nextPage();
                   e.preventDefault();
               });

/****************************************************************************************/

/**** Functions to support integration of galleriffic with the jquery.history plugin ****/

               // PageLoad function
               // This function is called when:
               // 1. after calling $.historyInit();
               // 2. after calling $.historyLoad();
               // 3. after pushing "Go Back" button of a browser
               function pageload(hash) {
                   // alert("pageload: " + hash);
                   // hash doesn't contain the first # character.
                   if(hash) {
                       $.galleriffic.gotoImage(hash);
                   } else {
                       gallery.gotoIndex(0);
                   }
               }

               // Initialize history plugin.
               // The callback is called at once by present location.hash.
               $.historyInit(pageload, "advanced.html");

               // set onlick event for buttons using the jQuery 1.3 live method
               $("a[rel='history']").live('click', function(e) {
                   if (e.button != 0) return true;

var hash = this.href;
hash = hash.replace(/^.*#/, '');

                   // moves to a new page.
                   // pageload is called at once.
                   // hash don't contain "#", "?"
                   $.historyLoad(hash);

                   return false;
               });

               /****************************************************************************************/
           });
       </script>