Új hozzászólás Aktív témák

  • Medcomp

    tag

    Azt kezdem végleg feladni, hogy a képre klikkelve jöjjön elő akár lightbox, akár bármi más "box". Most azt próbáltam, hogy a "Download" linkre beállítom, hogy arra klikkelve jöjjön elő a lightboxos kép, de az sem megy. Valahogy ha a galleriffic-hez szükséges javascript ott van a lap alján, akkor semmi más javascriptes dolog nem megy a "$(document).ready(function(){
    " részben. Próbáltam thickboxot, fancíboxot, clearboxot, lghtboxot. Ha az ő javascriptjüket teszem be a galleriffic elé, akkor a galleriffic nem megy, ha a galleriffic van elöl, akkor ezek nem mennek. Valakinek erre ötlete?

    Galleriffic kódja ez:

    <script type="text/javascript">
    jQuery(document).ready(function($) {
    // We only want these styles applied when javascript is enabled

    $('div.navigation').css({'width' : '285px', 'float' : 'left'});
    $('div.content').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: 12,
    preloadAhead: 10,
    enableTopPager: false,
    enableBottomPager: true,
    maxPagesToShow: 7,
    imageContainerSel: '#slideshow',
    controlsContainerSel: '#controls',
    captionContainerSel: '#caption',
    loadingContainerSel: '#loading',
    renderSSControls: true,
    renderNavControls: true,
    playLinkText: 'Lejátszás indítása',
    pauseLinkText: 'Lejátszás megállítása',
    prevLinkText: '&lsaquo; Elozo fotó',
    nextLinkText: 'Következo fotó &rsaquo;',
    nextPageLinkText: '&rsaquo;&rsaquo;&rsaquo;',
    prevPageLinkText: '&lsaquo;&lsaquo;&lsaquo;',
    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>

    Ezt copy-pasteltem a tutorialból, csak a megjelenő angol szövegeket fordítottam.

    [ Szerkesztve ]

    www.medcomp.hu

Új hozzászólás Aktív témák