Elektroda.pl
Elektroda.pl
X
Proszę, dodaj wyjątek www.elektroda.pl do Adblock.
Dzięki temu, że oglądasz reklamy, wspierasz portal i użytkowników.

szablon joomla, zmiana tekstu pod obrazkiem przesuwającym się

scy12 15 Cze 2015 22:41 600 13
  • #1 15 Cze 2015 22:41
    scy12
    Poziom 12  

    Chciałbym zmienić podpis pod każdym obrazkiem dlatego pobrałem darmowy szablon joomla,po naciśnięciu strzałki w lewo obrazki przesuwają się w szablonie razem z podpisem

    index.php

    Kod: php
    Zaloguj się, aby zobaczyć kod

    templateDetails.xml
    Kod: php
    Zaloguj się, aby zobaczyć kod

    0 13
  • #2 15 Cze 2015 22:44
    rufek90
    Poziom 23  

    Proponuję wyczyścić cache przeglądarki.

    0
  • #3 15 Cze 2015 23:37
    scy12
    Poziom 12  

    Nic czyszczenie ciasteczek nie daje.

    0
  • #4 15 Cze 2015 23:56
    rufek90
    Poziom 23  

    Nie chodzi o ciasteczka. Być może jest tak, że przeglądarka raz pobrała plik XML i dopóki nie wyczyścisz cache to będzie wyświetlała dane ze starego XML. Odpal stronę w trybie prywatnym, albo wygooglaj, jak wyczyścić cache przeglądarki, albo sprawdź na przeglądarce, na której jeszcze nie testowałeś tej strony. Ewentualnie poproś znajomego, aby sprawdził, jakie teksty widzi. Jeżeli dalej jest to samo, to poszukaj jakiejś instrukcji do modułu, może źle coś podmieniłeś...

    0
  • #5 16 Cze 2015 00:04
    yogi009
    Poziom 42  

    Jesteś pewny, że te teksty do obrazków nie są przypisane graficznie, albo nie są składnikiem modułu slidera?

    0
  • #6 16 Cze 2015 08:40
    scy12
    Poziom 12  

    szablon nie zawiera żadnego modułu tylko posiada pliki w javie, wrzuciłem pliki które odpowiadają za slidera
    jquery.nivo.slider

    Cytat:
    /*
    * jQuery Nivo Slider v2.7.1
    * http://nivo.dev7studios.com
    *
    * Copyright 2011, Gilbert Pellegrom
    * Free to use and abuse under the MIT license.
    * http://www.opensource.org/licenses/mit-license.php
    *
    * March 2010
    */

    (function($) {

    var NivoSlider = function(element, options){
    //Defaults are below
    var settings = $.extend({}, $.fn.nivoSlider.defaults, options);

    //Useful variables. Play carefully.
    var vars = {
    currentSlide: 0,
    currentImage: '',
    totalSlides: 0,
    running: false,
    paused: false,
    stop: false
    };

    //Get this slider
    var slider = $(element);
    slider.data('nivo:vars', vars);
    slider.css('position','relative');
    slider.addClass('nivoSlider');

    //Find our slider children
    var kids = slider.children();
    kids.each(function() {
    var child = $(this);
    var link = '';
    if(!child.is('img')){
    if(child.is('a')){
    child.addClass('nivo-imageLink');
    link = child;
    }
    child = child.find('img:first');
    }
    //Get img width & height
    var childWidth = child.width();
    if(childWidth == 0) childWidth = child.attr('width');
    var childHeight = child.height();
    if(childHeight == 0) childHeight = child.attr('height');
    //Resize the slider
    if(childWidth > slider.width()){
    slider.width(childWidth);
    }
    if(childHeight > slider.height()){
    slider.height(childHeight);
    }
    if(link != ''){
    link.css('display','none');
    }
    child.css('display','none');
    vars.totalSlides++;
    });

    //If randomStart
    if(settings.randomStart){
    settings.startSlide = Math.floor(Math.random() * vars.totalSlides);
    }

    //Set startSlide
    if(settings.startSlide > 0){
    if(settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1;




    vars.currentSlide = settings.startSlide;
    }

    //Get initial image
    if($(kids[vars.currentSlide]).is('img')){
    vars.currentImage = $(kids[vars.currentSlide]);
    } else {
    vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
    }

    //Show initial link
    if($(kids[vars.currentSlide]).is('a')){
    $(kids[vars.currentSlide]).css('display','block');
    }

    //Set first background
    slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');

    //Create caption
    slider.append(
    $('<div class="nivo-caption"><p></p></div>').css({ display:'none', opacity:settings.captionOpacity })
    );

    // Cross browser default caption opacity
    $('.nivo-caption', slider).css('opacity', 0);

    // Process caption function
    var processCaption = function(settings){
    var nivoCaption = $('.nivo-caption', slider);
    if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){
    var title = vars.currentImage.attr('title');
    if(title.substr(0,1) == '#') title = $(title).html();

    if(nivoCaption.css('opacity') != 0){
    nivoCaption.find('p').stop().fadeTo(settings.animSpeed, 0, function(){
    $(this).html(title);
    $(this).stop().fadeTo(settings.animSpeed, 1);
    });
    } else {
    nivoCaption.find('p').html(title);
    }
    nivoCaption.stop().fadeTo(settings.animSpeed, settings.captionOpacity);
    } else {
    nivoCaption.stop().fadeTo(settings.animSpeed, 0);
    }
    }

    //Process initial caption
    processCaption(settings);

    //In the words of Super Mario "let's a go!"
    var timer = 0;
    if(!settings.manualAdvance && kids.length > 1){
    timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
    }

    //Add Direction nav
    if(settings.directionNav){
    slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+ settings.prevText +'</a><a class="nivo-nextNav">'+ settings.nextText +'</a></div>');

    //Hide Direction nav
    if(settings.directionNavHide){
    $('.nivo-directionNav', slider).hide();
    slider.hover(function(){
    $('.nivo-directionNav', slider).show();
    }, function(){
    $('.nivo-directionNav', slider).hide();
    });
    }

    $('a.nivo-prevNav', slider).live('click', function(){
    if(vars.running) return false;
    clearInterval(timer);
    timer = '';
    vars.currentSlide -= 2;
    nivoRun(slider, kids, settings, 'prev');
    });

    $('a.nivo-nextNav', slider).live('click', function(){
    if(vars.running) return false;
    clearInterval(timer);
    timer = '';
    nivoRun(slider, kids, settings, 'next');
    });
    }

    //Add Control nav
    if(settings.controlNav){
    var nivoControl = $('<div class="nivo-controlNav"></div>');
    slider.append(nivoControl);
    for(var i = 0; i < kids.length; i++){
    if(settings.controlNavThumbs){
    var child = kids.eq(i);
    if(!child.is('img')){
    child = child.find('img:first');
    }
    if (settings.controlNavThumbsFromRel) {
    nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>');
    } else {
    nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('src').replace(settings.controlNavThumbsSearch, settings.controlNavThumbsReplace) +'" alt="" /></a>');
    }
    } else {
    nivoControl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
    }

    }
    //Set initial active link
    $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');

    $('.nivo-controlNav a', slider).live('click', function(){
    if(vars.running) return false;
    if($(this).hasClass('active')) return false;
    clearInterval(timer);
    timer = '';
    slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
    vars.currentSlide = $(this).attr('rel') - 1;
    nivoRun(slider, kids, settings, 'control');
    });
    }

    //Keyboard Navigation
    if(settings.keyboardNav){
    $(window).keypress(function(event){
    //Left
    if(event.keyCode == '37'){
    if(vars.running) return false;
    clearInterval(timer);
    timer = '';
    vars.currentSlide-=2;
    nivoRun(slider, kids, settings, 'prev');
    }
    //Right
    if(event.keyCode == '39'){
    if(vars.running) return false;
    clearInterval(timer);
    timer = '';
    nivoRun(slider, kids, settings, 'next');
    }
    });
    }

    //For pauseOnHover setting
    if(settings.pauseOnHover){
    slider.hover(function(){
    vars.paused = true;
    clearInterval(timer);
    timer = '';
    }, function(){
    vars.paused = false;
    //Restart the timer
    if(timer == '' && !settings.manualAdvance){
    timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
    }
    });
    }

    //Event when Animation finishes
    slider.bind('nivo:animFinished', function(){
    vars.running = false;
    //Hide child links
    $(kids).each(function(){
    if($(this).is('a')){
    $(this).css('display','none');
    }
    });
    //Show current link
    if($(kids[vars.currentSlide]).is('a')){
    $(kids[vars.currentSlide]).css('display','block');
    }
    //Restart the timer
    if(timer == '' && !vars.paused && !settings.manualAdvance){
    timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
    }
    //Trigger the afterChange callback
    settings.afterChange.call(this);
    });

    // Add slices for slice animations
    var createSlices = function(slider, settings, vars){
    for(var i = 0; i < settings.slices; i++){
    var sliceWidth = Math.round(slider.width()/settings.slices);
    if(i == settings.slices-1){
    slider.append(
    $('<div class="nivo-slice"></div>').css({
    left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px',
    height:'0px',
    opacity:'0',
    background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
    })
    );
    } else {
    slider.append(
    $('<div class="nivo-slice"></div>').css({
    left:(sliceWidth*i)+'px', width:sliceWidth+'px',
    height:'0px',
    opacity:'0',
    background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%'
    })
    );
    }
    }
    }

    // Add boxes for box animations
    var createBoxes = function(slider, settings, vars){
    var boxWidth = Math.round(slider.width()/settings.boxCols);
    var boxHeight = Math.round(slider.height()/settings.boxRows);

    for(var rows = 0; rows < settings.boxRows; rows++){
    for(var cols = 0; cols < settings.boxCols; cols++){
    if(cols == settings.boxCols-1){
    slider.append(
    $('<div class="nivo-box"></div>').css({
    opacity:0,
    left:(boxWidth*cols)+'px',
    top:(boxHeight*rows)+'px',
    width:(slider.width()-(boxWidth*cols))+'px',
    height:boxHeight+'px',
    background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
    })
    );
    } else {
    slider.append(
    $('<div class="nivo-box"></div>').css({
    opacity:0,
    left:(boxWidth*cols)+'px',
    top:(boxHeight*rows)+'px',
    width:boxWidth+'px',
    height:boxHeight+'px',
    background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px'
    })
    );
    }
    }
    }
    }

    // Private run method
    var nivoRun = function(slider, kids, settings, nudge){
    //Get our vars
    var vars = slider.data('nivo:vars');

    //Trigger the lastSlide callback
    if(vars && (vars.currentSlide == vars.totalSlides - 1)){
    settings.lastSlide.call(this);
    }

    // Stop
    if((!vars || vars.stop) && !nudge) return false;

    //Trigger the beforeChange callback
    settings.beforeChange.call(this);

    //Set current background before change
    if(!nudge){
    slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
    } else {
    if(nudge == 'prev'){
    slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
    }
    if(nudge == 'next'){
    slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
    }
    }
    vars.currentSlide++;
    //Trigger the slideshowEnd callback
    if(vars.currentSlide == vars.totalSlides){
    vars.currentSlide = 0;
    settings.slideshowEnd.call(this);
    }
    if(vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1);
    //Set vars.currentImage
    if($(kids[vars.currentSlide]).is('img')){
    vars.currentImage = $(kids[vars.currentSlide]);
    } else {
    vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
    }

    //Set active links
    if(settings.controlNav){
    $('.nivo-controlNav a', slider).removeClass('active');
    $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
    }

    //Process caption
    processCaption(settings);

    // Remove any slices from last transition
    $('.nivo-slice', slider).remove();

    // Remove any boxes from last transition
    $('.nivo-box', slider).remove();

    var currentEffect = settings.effect;
    //Generate random effect
    if(settings.effect == 'random'){
    var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
    'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
    currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))];
    if(currentEffect == undefined) currentEffect = 'fade';
    }

    //Run random effect from specified set (eg: effect:'fold,fade')
    if(settings.effect.indexOf(',') != -1){
    var anims = settings.effect.split(',');
    currentEffect = anims[Math.floor(Math.random()*(anims.length))];
    if(currentEffect == undefined) currentEffect = 'fade';
    }

    //Custom transition as defined by "data-transition" attribute
    if(vars.currentImage.attr('data-transition')){
    currentEffect = vars.currentImage.attr('data-transition');
    }

    //Run effects
    vars.running = true;
    if(currentEffect == 'sliceDown' || currentEffect == 'sliceDownRight' || currentEffect == 'sliceDownLeft'){
    createSlices(slider, settings, vars);
    var timeBuff = 0;
    var i = 0;
    var slices = $('.nivo-slice', slider);
    if(currentEffect == 'sliceDownLeft') slices = $('.nivo-slice', slider)._reverse();

    slices.each(function(){
    var slice = $(this);
    slice.css({ 'top': '0px' });
    if(i == settings.slices-1){
    setTimeout(function(){
    slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
    }, (100 + timeBuff));
    } else {
    setTimeout(function(){
    slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
    }, (100 + timeBuff));
    }
    timeBuff += 50;
    i++;
    });
    }
    else if(currentEffect == 'sliceUp' || currentEffect == 'sliceUpRight' || currentEffect == 'sliceUpLeft'){
    createSlices(slider, settings, vars);
    var timeBuff = 0;
    var i = 0;
    var slices = $('.nivo-slice', slider);
    if(currentEffect == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse();

    slices.each(function(){
    var slice = $(this);
    slice.css({ 'bottom': '0px' });
    if(i == settings.slices-1){
    setTimeout(function(){
    slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
    }, (100 + timeBuff));
    } else {
    setTimeout(function(){
    slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
    }, (100 + timeBuff));
    }
    timeBuff += 50;
    i++;
    });
    }
    else if(currentEffect == 'sliceUpDown' || currentEffect == 'sliceUpDownRight' || currentEffect == 'sliceUpDownLeft'){
    createSlices(slider, settings, vars);
    var timeBuff = 0;
    var i = 0;
    var v = 0;
    var slices = $('.nivo-slice', slider);
    if(currentEffect == 'sliceUpDownLeft') slices = $('.nivo-slice', slider)._reverse();

    slices.each(function(){
    var slice = $(this);
    if(i == 0){
    slice.css('top','0px');
    i++;
    } else {
    slice.css('bottom','0px');
    i = 0;
    }

    if(v == settings.slices-1){
    setTimeout(function(){
    slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
    }, (100 + timeBuff));
    } else {
    setTimeout(function(){
    slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed);
    }, (100 + timeBuff));
    }
    timeBuff += 50;
    v++;
    });
    }
    else if(currentEffect == 'fold'){
    createSlices(slider, settings, vars);
    var timeBuff = 0;
    var i = 0;

    $('.nivo-slice', slider).each(function(){
    var slice = $(this);
    var origWidth = slice.width();
    slice.css({ top:'0px', height:'100%', width:'0px' });
    if(i == settings.slices-1){
    setTimeout(function(){
    slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
    }, (100 + timeBuff));
    } else {
    setTimeout(function(){
    slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);
    }, (100 + timeBuff));
    }
    timeBuff += 50;
    i++;
    });
    }
    else if(currentEffect == 'fade'){
    createSlices(slider, settings, vars);

    var firstSlice = $('.nivo-slice:first', slider);
    firstSlice.css({
    'height': '100%',
    'width': slider.width() + 'px'
    });

    firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
    }
    else if(currentEffect == 'slideInRight'){
    createSlices(slider, settings, vars);

    var firstSlice = $('.nivo-slice:first', slider);
    firstSlice.css({
    'height': '100%',
    'width': '0px',
    'opacity': '1'
    });

    firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
    }
    else if(currentEffect == 'slideInLeft'){
    createSlices(slider, settings, vars);

    var firstSlice = $('.nivo-slice:first', slider);
    firstSlice.css({
    'height': '100%',
    'width': '0px',
    'opacity': '1',
    'left': '',
    'right': '0px'
    });

    firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){
    // Reset positioning
    firstSlice.css({
    'left': '0px',
    'right': ''
    });
    slider.trigger('nivo:animFinished');
    });
    }
    else if(currentEffect == 'boxRandom'){
    createBoxes(slider, settings, vars);

    var totalBoxes = settings.boxCols * settings.boxRows;
    var i = 0;
    var timeBuff = 0;

    var boxes = shuffle($('.nivo-box', slider));
    boxes.each(function(){
    var box = $(this);
    if(i == totalBoxes-1){
    setTimeout(function(){
    box.animate({ opacity:'1' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
    }, (100 + timeBuff));
    } else {
    setTimeout(function(){
    box.animate({ opacity:'1' }, settings.animSpeed);
    }, (100 + timeBuff));
    }
    timeBuff += 20;
    i++;
    });
    }
    else if(currentEffect == 'boxRain' || currentEffect == 'boxRainReverse' || currentEffect == 'boxRainGrow' || currentEffect == 'boxRainGrowReverse'){
    createBoxes(slider, settings, vars);

    var totalBoxes = settings.boxCols * settings.boxRows;
    var i = 0;
    var timeBuff = 0;

    // Split boxes into 2D array
    var rowIndex = 0;
    var colIndex = 0;
    var box2Darr = new Array();
    box2Darr[rowIndex] = new Array();
    var boxes = $('.nivo-box', slider);
    if(currentEffect == 'boxRainReverse' || currentEffect == 'boxRainGrowReverse'){
    boxes = $('.nivo-box', slider)._reverse();
    }
    boxes.each(function(){
    box2Darr[rowIndex][colIndex] = $(this);
    colIndex++;
    if(colIndex == settings.boxCols){
    rowIndex++;
    colIndex = 0;
    box2Darr[rowIndex] = new Array();
    }
    });

    // Run animation
    for(var cols = 0; cols < (settings.boxCols * 2); cols++){
    var prevCol = cols;
    for(var rows = 0; rows < settings.boxRows; rows++){
    if(prevCol >= 0 && prevCol < settings.boxCols){
    /* Due to some weird JS bug with loop vars
    being used in setTimeout, this is wrapped
    with an anonymous function call */
    (function(row, col, time, i, totalBoxes) {
    var box = $(box2Darr[row][col]);
    var w = box.width();
    var h = box.height();
    if(currentEffect == 'boxRainGrow' || currentEffect == 'boxRainGrowReverse'){
    box.width(0).height(0);
    }
    if(i == totalBoxes-1){
    setTimeout(function(){
    box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3, '', function(){ slider.trigger('nivo:animFinished'); });
    }, (100 + time));
    } else {
    setTimeout(function(){
    box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3);
    }, (100 + time));
    }
    })(rows, prevCol, timeBuff, i, totalBoxes);
    i++;
    }
    prevCol--;
    }
    timeBuff += 100;
    }
    }
    }

    // Shuffle an array
    var shuffle = function(arr){
    for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
    return arr;
    }

    // For debugging
    var trace = function(msg){
    if (this.console && typeof console.log != "undefined")
    console.log(msg);
    }

    // Start / Stop
    this.stop = function(){
    if(!$(element).data('nivo:vars').stop){
    $(element).data('nivo:vars').stop = true;
    trace('Stop Slider');
    }
    }

    this.start = function(){
    if($(element).data('nivo:vars').stop){
    $(element).data('nivo:vars').stop = false;
    trace('Start Slider');
    }
    }

    //Trigger the afterLoad callback
    settings.afterLoad.call(this);

    return this;
    };

    $.fn.nivoSlider = function(options) {

    return this.each(function(key, value){
    var element = $(this);
    // Return early if this element already has a plugin instance
    if (element.data('nivoslider')) return element.data('nivoslider');
    // Pass options to plugin constructor
    var nivoslider = new NivoSlider(this, options);
    // Store plugin object in this element's data
    element.data('nivoslider', nivoslider);
    });

    };

    //Default settings
    $.fn.nivoSlider.defaults = {
    effect: 'random',
    slices: 15,
    boxCols: 8,
    boxRows: 4,
    animSpeed: 500,
    pauseTime: 3000,
    startSlide: 0,
    directionNav: true,
    directionNavHide: true,
    controlNav: true,
    controlNavThumbs: false,
    controlNavThumbsFromRel: false,
    controlNavThumbsSearch: '.jpg',
    controlNavThumbsReplace: '_thumb.jpg',
    keyboardNav: true,
    pauseOnHover: true,
    manualAdvance: false,
    captionOpacity: 0.8,
    prevText: 'Prev',
    nextText: 'Next',
    randomStart: false,
    beforeChange: function(){},
    afterChange: function(){},
    slideshowEnd: function(){},
    lastSlide: function(){},
    afterLoad: function(){}
    };

    $.fn._reverse = [].reverse;

    })(jQuery);

    jquery.nivo.slider.pack
    Cytat:
    /*
    * jQuery Nivo Slider v2.7.1
    * http://nivo.dev7studios.com
    *
    * Copyright 2011, Gilbert Pellegrom
    * Free to use and abuse under the MIT license.
    * http://www.opensource.org/licenses/mit-license.php
    *
    * March 2010
    */

    (function(a){var b=function(b,c){var d=a.extend({},a.fn.nivoSlider.defaults,c);var e={currentSlide:0,currentImage:"",totalSlides:0,running:false,paused:false,stop:false};var f=a(b);f.data("nivo:vars",e);f.css("position","relative");f.addClass("nivoSlider");var g=f.children();g.each(function(){var b=a(this);var c="";if(!b.is("img")){if(b.is("a")){b.addClass("nivo-imageLink");c=b}b=b.find("img:first")}var d=b.width();if(d==0)d=b.attr("width");var g=b.height();if(g==0)g=b.attr("height");if(d>f.width()){f.width(d)}if(g>f.height()){f.height(g)}if(c!=""){c.css("display","none")}b.css("display","none");e.totalSlides++});if(d.randomStart){d.startSlide=Math.floor(Math.random()*e.totalSlides)}if(d.startSlide>0){if(d.startSlide>=e.totalSlides)d.startSlide=e.totalSlides-1;e.currentSlide=d.startSlide}if(a(g[e.currentSlide]).is("img")){e.currentImage=a(g[e.currentSlide])}else{e.currentImage=a(g[e.currentSlide]).find("img:first")}if(a(g[e.currentSlide]).is("a")){a(g[e.currentSlide]).css("display","block")}f.css("background",'url("'+e.currentImage.attr("src")+'") no-repeat');f.append(a('<div class="nivo-caption"><p></p></div>').css({display:"none",opacity:d.captionOpacity}));a(".nivo-caption",f).css("opacity",0);var h=function(b){var c=a(".nivo-caption",f);if(e.currentImage.attr("title")!=""&&e.currentImage.attr("title")!=undefined){var d=e.currentImage.attr("title");if(d.substr(0,1)=="#")d=a(d).html();if(c.css("opacity")!=0){c.find("p").stop().fadeTo(b.animSpeed,0,function(){a(this).html(d);a(this).stop().fadeTo(b.animSpeed,1)})}else{c.find("p").html(d)}c.stop().fadeTo(b.animSpeed,b.captionOpacity)}else{c.stop().fadeTo(b.animSpeed,0)}};h(d);var i=0;if(!d.manualAdvance&&g.length>1){i=setInterval(function(){o(f,g,d,false)},d.pauseTime)}if(d.directionNav){f.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+d.prevText+'</a><a class="nivo-nextNav">'+d.nextText+"</a></div>");if(d.directionNavHide){a(".nivo-directionNav",f).hide();f.hover(function(){a(".nivo-directionNav",f).show()},function(){a(".nivo-directionNav",f).hide()})}a("a.nivo-prevNav",f).live("click",function(){if(e.running)return false;clearInterval(i);i="";e.currentSlide-=2;o(f,g,d,"prev")});a("a.nivo-nextNav",f).live("click",function(){if(e.running)return false;clearInterval(i);i="";o(f,g,d,"next")})}if(d.controlNav){var j=a('<div class="nivo-controlNav"></div>');f.append(j);for(var k=0;k<g.length;k++){if(d.controlNavThumbs){var l=g.eq(k);if(!l.is("img")){l=l.find("img:first")}if(d.controlNavThumbsFromRel){j.append('<a class="nivo-control" rel="'+k+'"><img src="'+l.attr("rel")+'" alt="" /></a>')}else{j.append('<a class="nivo-control" rel="'+k+'"><img src="'+l.attr("src").replace(d.controlNavThumbsSearch,d.controlNavThumbsReplace)+'" alt="" /></a>')}}else{j.append('<a class="nivo-control" rel="'+k+'">'+(k+1)+"</a>")}}a(".nivo-controlNav a:eq("+e.currentSlide+")",f).addClass("active");a(".nivo-controlNav a",f).live("click",function(){if(e.running)return false;if(a(this).hasClass("active"))return false;clearInterval(i);i="";f.css("background",'url("'+e.currentImage.attr("src")+'") no-repeat');e.currentSlide=a(this).attr("rel")-1;o(f,g,d,"control")})}if(d.keyboardNav){a(window).keypress(function(a){if(a.keyCode=="37"){if(e.running)return false;clearInterval(i);i="";e.currentSlide-=2;o(f,g,d,"prev")}if(a.keyCode=="39"){if(e.running)return false;clearInterval(i);i="";o(f,g,d,"next")}})}if(d.pauseOnHover){f.hover(function(){e.paused=true;clearInterval(i);i=""},function(){e.paused=false;if(i==""&&!d.manualAdvance){i=setInterval(function(){o(f,g,d,false)},d.pauseTime)}})}f.bind("nivo:animFinished",function(){e.running=false;a(g).each(function(){if(a(this).is("a")){a(this).css("display","none")}});if(a(g[e.currentSlide]).is("a")){a(g[e.currentSlide]).css("display","block")}if(i==""&&!e.paused&&!d.manualAdvance){i=setInterval(function(){o(f,g,d,false)},d.pauseTime)}d.afterChange.call(this)});var m=function(b,c,d){for(var e=0;e<c.slices;e++){var f=Math.round(b.width()/c.slices);if(e==c.slices-1){b.append(a('<div class="nivo-slice"></div>').css({left:f*e+"px",width:b.width()-f*e+"px",height:"0px",opacity:"0",background:'url("'+d.currentImage.attr("src")+'") no-repeat -'+(f+e*f-f)+"px 0%"}))}else{b.append(a('<div class="nivo-slice"></div>').css({left:f*e+"px",width:f+"px",height:"0px",opacity:"0",background:'url("'+d.currentImage.attr("src")+'") no-repeat -'+(f+e*f-f)+"px 0%"}))}}};var n=function(b,c,d){var e=Math.round(b.width()/c.boxCols);var f=Math.round(b.height()/c.boxRows);for(var g=0;g<c.boxRows;g++){for(var h=0;h<c.boxCols;h++){if(h==c.boxCols-1){b.append(a('<div class="nivo-box"></div>').css({opacity:0,left:e*h+"px",top:f*g+"px",width:b.width()-e*h+"px",height:f+"px",background:'url("'+d.currentImage.attr("src")+'") no-repeat -'+(e+h*e-e)+"px -"+(f+g*f-f)+"px"}))}else{b.append(a('<div class="nivo-box"></div>').css({opacity:0,left:e*h+"px",top:f*g+"px",width:e+"px",height:f+"px",background:'url("'+d.currentImage.attr("src")+'") no-repeat -'+(e+h*e-e)+"px -"+(f+g*f-f)+"px"}))}}}};var o=function(b,c,d,e){var f=b.data("nivo:vars");if(f&&f.currentSlide==f.totalSlides-1){d.lastSlide.call(this)}if((!f||f.stop)&&!e)return false;d.beforeChange.call(this);if(!e){b.css("background",'url("'+f.currentImage.attr("src")+'") no-repeat')}else{if(e=="prev"){b.css("background",'url("'+f.currentImage.attr("src")+'") no-repeat')}if(e=="next"){b.css("background",'url("'+f.currentImage.attr("src")+'") no-repeat')}}f.currentSlide++;if(f.currentSlide==f.totalSlides){f.currentSlide=0;d.slideshowEnd.call(this)}if(f.currentSlide<0)f.currentSlide=f.totalSlides-1;if(a(c[f.currentSlide]).is("img")){f.currentImage=a(c[f.currentSlide])}else{f.currentImage=a(c[f.currentSlide]).find("img:first")}if(d.controlNav){a(".nivo-controlNav a",b).removeClass("active");a(".nivo-controlNav a:eq("+f.currentSlide+")",b).addClass("active")}h(d);a(".nivo-slice",b).remove();a(".nivo-box",b).remove();var g=d.effect;if(d.effect=="random"){var i=new Array("sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","fade","boxRandom","boxRain","boxRainReverse","boxRainGrow","boxRainGrowReverse");g=i[Math.floor(Math.random()*(i.length+1))];if(g==undefined)g="fade"}if(d.effect.indexOf(",")!=-1){var i=d.effect.split(",");g=i[Math.floor(Math.random()*i.length)];if(g==undefined)g="fade"}if(f.currentImage.attr("data-transition")){g=f.currentImage.attr("data-transition")}f.running=true;if(g=="sliceDown"||g=="sliceDownRight"||g=="sliceDownLeft"){m(b,d,f);var j=0;var k=0;var l=a(".nivo-slice",b);if(g=="sliceDownLeft")l=a(".nivo-slice",b)._reverse();l.each(function(){var c=a(this);c.css({top:"0px"});if(k==d.slices-1){setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed)},100+j)}j+=50;k++})}else if(g=="sliceUp"||g=="sliceUpRight"||g=="sliceUpLeft"){m(b,d,f);var j=0;var k=0;var l=a(".nivo-slice",b);if(g=="sliceUpLeft")l=a(".nivo-slice",b)._reverse();l.each(function(){var c=a(this);c.css({bottom:"0px"});if(k==d.slices-1){setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed)},100+j)}j+=50;k++})}else if(g=="sliceUpDown"||g=="sliceUpDownRight"||g=="sliceUpDownLeft"){m(b,d,f);var j=0;var k=0;var o=0;var l=a(".nivo-slice",b);if(g=="sliceUpDownLeft")l=a(".nivo-slice",b)._reverse();l.each(function(){var c=a(this);if(k==0){c.css("top","0px");k++}else{c.css("bottom","0px");k=0}if(o==d.slices-1){setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({height:"100%",opacity:"1.0"},d.animSpeed)},100+j)}j+=50;o++})}else if(g=="fold"){m(b,d,f);var j=0;var k=0;a(".nivo-slice",b).each(function(){var c=a(this);var e=c.width();c.css({top:"0px",height:"100%",width:"0px"});if(k==d.slices-1){setTimeout(function(){c.animate({width:e,opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({width:e,opacity:"1.0"},d.animSpeed)},100+j)}j+=50;k++})}else if(g=="fade"){m(b,d,f);var q=a(".nivo-slice:first",b);q.css({height:"100%",width:b.width()+"px"});q.animate({opacity:"1.0"},d.animSpeed*2,"",function(){b.trigger("nivo:animFinished")})}else if(g=="slideInRight"){m(b,d,f);var q=a(".nivo-slice:first",b);q.css({height:"100%",width:"0px",opacity:"1"});q.animate({width:b.width()+"px"},d.animSpeed*2,"",function(){b.trigger("nivo:animFinished")})}else if(g=="slideInLeft"){m(b,d,f);var q=a(".nivo-slice:first",b);q.css({height:"100%",width:"0px",opacity:"1",left:"",right:"0px"});q.animate({width:b.width()+"px"},d.animSpeed*2,"",function(){q.css({left:"0px",right:""});b.trigger("nivo:animFinished")})}else if(g=="boxRandom"){n(b,d,f);var r=d.boxCols*d.boxRows;var k=0;var j=0;var s=p(a(".nivo-box",b));s.each(function(){var c=a(this);if(k==r-1){setTimeout(function(){c.animate({opacity:"1"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+j)}else{setTimeout(function(){c.animate({opacity:"1"},d.animSpeed)},100+j)}j+=20;k++})}else if(g=="boxRain"||g=="boxRainReverse"||g=="boxRainGrow"||g=="boxRainGrowReverse"){n(b,d,f);var r=d.boxCols*d.boxRows;var k=0;var j=0;var t=0;var u=0;var v=new Array;v[t]=new Array;var s=a(".nivo-box",b);if(g=="boxRainReverse"||g=="boxRainGrowReverse"){s=a(".nivo-box",b)._reverse()}s.each(function(){v[t][u]=a(this);u++;if(u==d.boxCols){t++;u=0;v[t]=new Array}});for(var w=0;w<d.boxCols*2;w++){var x=w;for(var y=0;y<d.boxRows;y++){if(x>=0&&x<d.boxCols){(function(c,e,f,h,i){var j=a(v[c][e]);var k=j.width();var l=j.height();if(g=="boxRainGrow"||g=="boxRainGrowReverse"){j.width(0).height(0)}if(h==i-1){setTimeout(function(){j.animate({opacity:"1",width:k,height:l},d.animSpeed/1.3,"",function(){b.trigger("nivo:animFinished")})},100+f)}else{setTimeout(function(){j.animate({opacity:"1",width:k,height:l},d.animSpeed/1.3)},100+f)}})(y,x,j,k,r);k++}x--}j+=100}}};var p=function(a){for(var b,c,d=a.length;d;b=parseInt(Math.random()*d),c=a[--d],a[d]=a,a[b]=c);return a};var q=function(a){if(this.console&&typeof console.log!="undefined")console.log(a)};this.stop=function(){if(!a(b).data("nivo:vars").stop){a(b).data("nivo:vars").stop=true;q("Stop Slider")}};this.start=function(){if(a(b).data("nivo:vars").stop){a(b).data("nivo:vars").stop=false;q("Start Slider")}};d.afterLoad.call(this);return this};a.fn.nivoSlider=function(c){return this.each(function(d,e){var f=a(this);if(f.data("nivoslider"))return f.data("nivoslider");var g=new b(this,c);f.data("nivoslider",g)})};a.fn.nivoSlider.defaults={effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3e3,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:".jpg",controlNavThumbsReplace:"_thumb.jpg",keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:.8,prevText:"Prev",nextText:"Next",randomStart:false,beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};a.fn._reverse=[].reverse})(jQuery)

    0
  • #7 16 Cze 2015 09:15
    rufek90
    Poziom 23  

    Możesz podrzucić adres strony, gdzie występuje ten problem? Napisz też, jakiego tekstu oczekujesz w podpisie.

    0
  • #8 16 Cze 2015 12:06
    yogi009
    Poziom 42  
  • #10 16 Cze 2015 22:16
    scy12
    Poziom 12  

    mam kolejny problem otóż wrzuciłem zdjęcie przeskalowane z 4000x2000 do 950x360 paintem do szablonu głównego menu joomla, zdjęcie jest rozciągnięte jak poprawić jakość zdjęcia aby nie było rozciągnięte

    0
  • #11 16 Cze 2015 23:17
    rufek90
    Poziom 23  

    Wnioskując z podanych rozmiarów, to chyba już paint ci to rozciągnął... Jeżeli wcześniej w szablonie było jakieś zdjęcie, to zrób po prostu takie same rozmiary i nic się nie rozciągnie

    0
  • #12 16 Cze 2015 23:30
    scy12
    Poziom 12  

    tylko jak wrzucę obraz 4000x2000 px to on jest nie tylko w górnym menu ale i na całej stronie, natomiast jak go paintem przerobie na 950x360 to jest on rozciągnięty

    0
  • #14 18 Cze 2015 13:15
    scy12
    Poziom 12  

    Mam kolejne pytanie wrzuciłem w miejsce slidera swoje obrazki i podpisy pod nimi wszystko działa(slider występuje tylko na pierwszej stronie), a ja chciałbym ustawić slider z obrazkami i podpisami na każdej stronie

    0