logo elektroda
logo elektroda
X
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

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

scy12 15 Cze 2015 22:41 876 13
REKLAMA
  • #1 14774560
    scy12
    Poziom 12  
    Posty: 90
    Ocena: 1
    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
  • REKLAMA
  • #2 14774568
    rufek90
    Poziom 25  
    Posty: 463
    Pomógł: 106
    Ocena: 58
    Proponuję wyczyścić cache przeglądarki.
  • REKLAMA
  • #3 14774715
    scy12
    Poziom 12  
    Posty: 90
    Ocena: 1
    Nic czyszczenie ciasteczek nie daje.
  • #4 14774755
    rufek90
    Poziom 25  
    Posty: 463
    Pomógł: 106
    Ocena: 58
    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ś...
  • #5 14774771
    yogi009
    Poziom 43  
    Posty: 14697
    Pomógł: 848
    Ocena: 2655
    Jesteś pewny, że te teksty do obrazków nie są przypisane graficznie, albo nie są składnikiem modułu slidera?
  • #6 14775066
    scy12
    Poziom 12  
    Posty: 90
    Ocena: 1
    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)
  • #7 14775125
    rufek90
    Poziom 25  
    Posty: 463
    Pomógł: 106
    Ocena: 58
    Możesz podrzucić adres strony, gdzie występuje ten problem? Napisz też, jakiego tekstu oczekujesz w podpisie.
  • REKLAMA
  • #8 14775478
    yogi009
    Poziom 43  
    Posty: 14697
    Pomógł: 848
    Ocena: 2655
    Jak będziesz tak zamieszczał kod na forum, szybko dostaniesz pozdrowienia od Moderatora.
  • #9 14775641
    scy12
    Poziom 12  
    Posty: 90
    Ocena: 1
    www.satelitarni.cba.pl

    Dodano po 23 [minuty]:

    Pokombinowałem i zadziałało dzięki za pomoc
  • REKLAMA
  • #10 14777442
    scy12
    Poziom 12  
    Posty: 90
    Ocena: 1
    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
  • #11 14777725
    rufek90
    Poziom 25  
    Posty: 463
    Pomógł: 106
    Ocena: 58
    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
  • #12 14777773
    scy12
    Poziom 12  
    Posty: 90
    Ocena: 1
    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
  • #13 14777802
    yogi009
    Poziom 43  
    Posty: 14697
    Pomógł: 848
    Ocena: 2655
    A co na ten temat sądzi Twój CSS?
  • #14 14781629
    scy12
    Poziom 12  
    Posty: 90
    Ocena: 1
    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

Podsumowanie tematu

LABEL_AI_GENERATED
Użytkownik chciał zmienić podpisy pod obrazkami w darmowym szablonie Joomla, gdzie obrazy przesuwają się w sliderze. Po kilku próbach i sugestiach dotyczących czyszczenia cache przeglądarki oraz sprawdzenia, czy teksty nie są przypisane graficznie, udało mu się rozwiązać problem. Dodatkowo, użytkownik napotkał problem z jakością zdjęcia w szablonie głównego menu, które było rozciągnięte po przeskalowaniu. Ostatecznie, użytkownik zrealizował zamianę obrazków i podpisów w sliderze, ale chciałby, aby slider był widoczny na każdej stronie.
Podsumowanie AI na podstawie dyskusji. Może zawierać błędy.
REKLAMA