Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : Mirek 03 Nov 2013, 18:37:28

: [RISOLTO] Problema Slider e conflitti JQuery
: Mirek 03 Nov 2013, 18:37:28
Salve a tutta la community, ho un problema con questo sito: www.bandadibisceglie.it (http://www.bandadibisceglie.it).
La questione è che nell'home page nella parte iniziale dovrebbe esserci uno slider di immagini che ho caricato io ma purtroppo lo slider non funziona più come succedeva fino a pochi giorni fa. Tempo fa ho installato il plugin JQuery Easy perchè l'estensione iCagenda non funzionava per via di un problema legato a JQuery che ho risolto appunto col plugin. Oggi il proprietario del sito mi contatta per cambiare le foto dello slider e ho notato che le immagini non scorrono più e se cambio le impostazioni su JQuery Easy riprende a funzionare ma inibisce sia iCagenda che il modulo delle news che scorrono più in basso..come posso risolvere la questione secondo voi?
Grazie in anticipo per il vostro supporto.
: Re:Problema presumibilmente di conflitti jquery
: $Red 03 Nov 2013, 19:16:01
ciao, a me sembra che funziona tutto correttamente il modulo icagenda, quello con le immagini sotto la scritta benvenuti... e quello appena sotto con le news (lof article slideshow), un consiglio cambia posizione per l'apertura del popup del modulo icagenda se non sbaglio è possibile, perche per chi come me ha monitor con risoluzioni inferiori viene aperto fuori visuale
: Re:Problema presumibilmente di conflitti jquery
: Mirek 03 Nov 2013, 19:19:48
Si il problema non è quello sotto Benvenuti ecc..mi riferisco a quell'immagine che si trova sotto il menu orizzontale in alto..quello dovrebbe essere uno slideshow ma rimane fissa la prima slide..comunque grazie per il consiglio di iCagenda, ora vedo un po'..
: Re:Problema presumibilmente di conflitti jquery
: $Red 03 Nov 2013, 19:22:40
volevo quasi chiederti se quello anche era uno slide... quel modulo non ha lo possibilta di disattivare jquery?

Edit: analizzando con firebug mi sembra integrato al template, il template ha la possibilita di disattivare jquery?
: Re:Problema presumibilmente di conflitti jquery
: Mirek 03 Nov 2013, 19:25:09
E' proprio quello il problema..non è un modulo messo lì..è proprio il template che prevede quello slider..e non si può disabilitare jquery dalla gestione template..
: Re:Problema presumibilmente di conflitti jquery
: $Red 04 Nov 2013, 08:20:02
forse c'è il codice che richiama lo script inserito sul file index.php del template
: Re:Problema presumibilmente di conflitti jquery
: Mirek 04 Nov 2013, 09:18:44
Questo è il codice dell'index.php:
:
<?php
/****************************************************
#####################################################
##-------------------------------------------------##
##          CONCERTO                               ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2012            ##
## Date      = AVRIL 2012                          ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
## version (joomla)                                ##
##                                                 ##
#####################################################
****************************************************/

// no direct access
defined('_JEXEC') or die('Restricted access');


?>


<!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?>" >
<head>     
<jdoc:include type="head" />
             
<?php           
$mod_right 
$this->countModules'position-7' );        
 if ( 
$mod_right ) { $width '';         } else { $width '-full';}        
 
?>

 
 <?php          
 $text1 
$this->params->get("text1""Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent faucibus semper. ");        
 
$text2 $this->params->get("text2""Maecenas a accumsan felis. Praesent scelerisque volutpat egestas.");      
 
$text3 $this->params->get("text3""Pellentesque varius, tortor nec ultricies pretium, odio est gravida dolor, et rutrum erat. ");      
 
$slidedisable   $this->params->get("slidedisable"); 
 
?>

 
 <?php         
 $title1 
$this->params->get("title1""01.latest news opera ");         
 
$title2  $this->params->get("title2""02.music news");      
 
$title3  $this->params->get("title3""03.artist info");      
 
$title4  $this->params->get("title4""04.gallery images");       
 
$title5  $this->params->get("title5""05.spectacles");          
 
?>
                   

 <?php       
 JHtml
::_('behavior.framework'true);
 
$app JFactory::getApplication();
 
$templateparams     $app->getTemplate(true)->params
 
$csite_name   $app->getCfg('sitename');
 
?>
   
 
 <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/defaut.css" type="text/css" />     
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>         
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/superfish.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/hover.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/innerfade.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/faded.js"></script>
 
 <script type="text/javascript">                   
 $(document).ready(function() {       
 $(' .navigation ul  ').superfish({         delay:       800,                                   
 animation:   {opacity:'show',height:'show'},         
 speed:       'normal',                                 
 autoArrows:  false,                                   
 dropShadows: false                                 
 });     
 });   
 </script>         
 
 <script type="text/javascript">     
 $(document).ready(           
 function(){               
 $('#news').innerfade({                 
 animationtype: 'slide',                 
 speed: 750,                 
 timeout: 2000,                 
 type: 'random',                 
 containerheight: '1em'               
 });                       
 });     
 </script>

 <script type="text/javascript">                                                                 
$(function(){                                     
$("#faded").faded({                                       
 speed: 4000,                                         
  crossfade: true,                                         
 autoplay: 5000,                                         
 autorestart: 500,                                         
 autopagination:false                                     
});                                   
});
 
 </script>
 </head>
<body>     
    <div id="content">         
        <div class="pagewidth">                 
            <div id="sitename">                                                             
                <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.png" alt="logotype" />[/url]                                       
            </div>                       
                <div class="pagewidth2">                               
                    <div id="content-top">                                     
                        <div id="topmenu">                                               
                            <div class="navigation">                                                           
                                <jdoc:include type="modules" name="position-1" />                                                   
                            </div>                                       
                        </div>                                               
                            <div id="content-bottom">                                                   
                                <div id="hightlight-t"></div>                                                               
                                    <div id="hightlight-b">                                                                     
                                                                                                 
                                   </div>                                                                 
                                        <div id="search">                                                                             
                                            <jdoc:include type="modules" name="position-0" />                                                                     
                                        </div>                                           
                                </div>                                 
                    </div>                                       
                        <?php $menu JSite::getMenu(); ?>
                        <?php $lang JFactory::getLanguage(); ?>
                        <?php if ($menu->getActive() == $menu->getDefault($lang->getTag())) { ?>
                        <?php if ($this->params->get'slidedisable' )) : ?>   <?php include "slideshow.php"?><?php endif; ?>
                        <?php ?>         
                       <div id="pathway-w">                                                   
                            <div id="pathway">                                                           
                                <div id="pathway-b">                                                                     
                            <jdoc:include type="modules" name="position-2"/>                                                           
                        </div>                                                             
                               <div id="datetime">                                                                               
                                                                                                       
                           </div>                                                                             
                     </div>                                             
                  </div>                                                     
                      <div id="wrapper">   <!---main--->                                                         
                         <?php if ($this->countModules('position-3') || $this->countModules('position-4') || $this->countModules('position-6') || $this->countModules('position-8')) { ?>                                                                   
                            <div id="wrapper-box">                                                                           
                               <div class="box">                                                                                 
                                  <jdoc:include type="modules" name="position-3" style="xhtml" />                                                                           
                              </div>                                                                         
                                <div class="box">                                                                                 
                                   <jdoc:include type="modules" name="position-4" style="xhtml" />                                                                           
                               </div>                                                                         
                               <div class="box">                                                                                 
                                  <jdoc:include type="modules" name="position-6" style="xhtml" />                                                                           
                              </div>                                                                       
                              <div class="box-f">                                                                                 
                                  <jdoc:include type="modules" name="position-8" style="xhtml" />                                                                         
                              </div>                                                                   
                           </div>                                                                                                                 
                        <?php ?>                                                               
                        <div id="main<?php echo $width ?>">                                                                           
                              <jdoc:include type="component" />                                                                     
                        </div>                                                                                             
                        <?php if ($this->countModules('position-7')) { ?>                                           
                               <div id="colonne">                                                                                       
                               <div id="right">                                                                                               
                                  <jdoc:include type="modules" name="position-7" style="xhtml" />                                                                                       
                              </div>                                           
                           </div>                                                                                                     
                        <?php ?>                                                                           
                     </div>                               
                         <div id="ftb-f">                       
                            <div class="ftb" align="center">                             
                                   <!-- Inizio Codice ShinyStat -->
<script type="text/javascript" src="http://codice.shinystat.com/cgi-bin/getcod.cgi?USER=bandabisceglie"></script>
<noscript>
<a href="http://www.shinystat.com/it" target="_top">
[/url]
</noscript>
<!-- Fine Codice ShinyStat -->
                         
                           </div>                       
                               <div id="top">                                       
                                  <div class="top_button">                                           
                                     <a href="#" onclick="scrollToTop();return false;">                                         
                                        <img src="templates/<?php echo $this->template ?>/images/top.png" width="30" height="30" alt="top" />[/url]                                                                             
                                 </div>                               
                              </div>                                                                   
                        </div>                                 
            </div>   
          </div>
</body>
</html>

E questo quello dello slideshow.php:
:
<div id="slideshow">                     

                        <!-- slider begin -->                       

                            <div id="faded" align="center">                           

                                <ul class="contenu" >                               

                                     <li><!-- slider1 -->                                     

                                        <img src="templates/<?php echo $this->template ?>/images/slide2.jpg" alt="slide2" />                               

                                    </li>                               

                                    <li><!-- slider2 -->                                     

                                         <img src="templates/<?php echo $this->template ?>/images/slide3.jpg" alt="slide3" />                                                   

                                    </li>                               

                                    <li><!-- slider3 -->                                     

                                        <img src="templates/<?php echo $this->template ?>/images/slide4.jpg"  alt="slide4" />                                 

                                    </li>                       

                                    <li><!-- slider4 -->                                     

                                        <img src="templates/<?php echo $this->template ?>/images/slide5.jpg"  alt="slide5" />                                 

                                    </li>   
                                   
                                    <li><!-- slider5 -->                                     

                                        <img src="templates/<?php echo $this->template ?>/images/slide6.jpg"  alt="slide6" />                                 

                                    </li>   
                                   
                                    <li> <!-- slider6 -->         

                               <img src="templates/<?php echo $this->template ?>/images/slide7.jpg" alt="slide7" />                                         

                                    </li>
                                   
                                    <li> <!-- slider7 -->         

                               <img src="templates/<?php echo $this->template ?>/images/slide8.jpg" alt="slide8" />                                         

                                    </li>   
                                   
                                    <li> <!-- slider8 -->         

                               <img src="templates/<?php echo $this->template ?>/images/slide9.jpg" alt="slide9" />                                         

                                    </li>     
                                   
                                    <li> <!-- slider9 -->         

                               <img src="templates/<?php echo $this->template ?>/images/slide10.jpg" alt="slide10" />                                         

                                    </li>                                       

                                </ul>                               

                                                     

                           </div>                           


Non saprei dove andare a modificare il codice per farlo funzionare..intendo per quanto riguarda la questione jquery..
: Re:Problema presumibilmente di conflitti jquery
: $Red 04 Nov 2013, 09:46:08
non sono un esprto quindi potrei sbagliare alla grande, se il problema è jquery analizzando il sito vedo che carica due versioni jQueryUI 1.8.24 e jQuery 1.8.3 puoi provare ad eliminare questa riga dal index.php del template
:
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>chiaramente tieni una copia di backup del file, e comunque potrebbe anche essere un conflitto con altro script
:
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>         
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/superfish.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/hover.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/innerfade.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/faded.js"></script>

però ripeto non sono esperto ed è facile che sbaglio

Edit jquery e jqueryUi penso che dovrebbero lavorare insieme, forse la versione 1.8.3 l'hai selezionata su jquery easy prova anche con una versione meno recente
: Re:Problema presumibilmente di conflitti jquery
: Mirek 04 Nov 2013, 09:53:21
Ho provato e il risultato non cambia..boh..se volessi mettere un altro slideshow al posto di quello del template originale come devo fare?
: Re:Problema presumibilmente di conflitti jquery
: giusebos 04 Nov 2013, 11:52:05
Ho provato e il risultato non cambia..boh..se volessi mettere un altro slideshow al posto di quello del template originale come devo fare?

non è detto che risolvi, anzi, rischi di innescare un ulteriore conflitto.

quindi la cosa migliore da fare è

per le future versioni di componenti ed estensioni, accertarsi che abbiano la possibilità di disabilitare jquery

: Re:Problema presumibilmente di conflitti jquery
: giusebos 04 Nov 2013, 11:53:50
nel template, nel file index.php elimina questo codice

:
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>         
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/superfish.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/hover.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/innerfade.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/faded.js"></script>
: Re:Problema presumibilmente di conflitti jquery
: Mirek 04 Nov 2013, 18:30:27
nel template, nel file index.php elimina questo codice

:
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>         
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/superfish.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/hover.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/innerfade.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/faded.js"></script>

Fatto e continua a non scorrere..ma se installo slidershow ck come faccio a metterlo al posto di quello del template? Perchè non ha una posizione precisa per cui non saprei come fare per metterlo al posto di quello..
: Re:Problema presumibilmente di conflitti jquery
: giusebos 04 Nov 2013, 19:38:02
aspetta, fammi capire:

tu usi un template con slider,
uno slider (che non è del template)
Giusto?
: Re:Problema presumibilmente di conflitti jquery
: Mirek 04 Nov 2013, 19:57:55
No, lo slider che cercavo di far funzionare era quello del template originale (quindi era un template con slider incorporato)..in pratica la soluzione più efficace che sto adoperando è quella di aggiungere una posizione nel template apposta per lo slider e posizionarci lo slideshow ck..il problema che ho ora riguarda i margini, padding ecc perchè mi esce fuori spazio e mi rovina tutto..penso che con un po' di lavoro risolvo..dite che faccio bene?
: Re:Problema presumibilmente di conflitti jquery
: giusebos 04 Nov 2013, 20:02:27
avevo capito che utilizzavi un secondo slider e che quello del template non lo utilizzavi.

Se fai bene? Non lo so, forse non è questione di fare bene ma di sapere quello che si vuole ottenere.
: Re:Problema presumibilmente di conflitti jquery
: Mirek 04 Nov 2013, 20:05:47
No no quello sopra a tutto è quello originale del template (moficato tramite codice ma comunque originale) mentre per gli altri uso un plugin negli articoli..
A sapere quello che voglio lo so, spero solo di riuscirci senza far danni..

EDIT: allora ragazzi ho risolto completamente..spiego la soluzione che ho adottato semmai dovesse essere utile a qualcun altro: ho creato una posizione apposta per lo slider nel template, installato uno dei tanti slider che si trovano nell'extensions di joomla (io ho utilizzato quello suggerito da Giusebos e cioè Slideshow CK) e una volta creato il modulo con le slide scelte l'ho messo nella posizione appena creata nel template. Infine ho sistemato padding e margini tramite firebug e il risultato è anche migliorato rispetto a prima.

Grazie a tutti per le dritte che mi avete dato!  8)