Back to top

Autore Topic: [RISOLTO] Problema Slider e conflitti JQuery  (Letto 6542 volte)

Offline Mirek

  • Esploratore
  • **
  • Post: 128
    • Mostra profilo
[RISOLTO] Problema Slider e conflitti JQuery
« il: 03 Nov 2013, 18:37:28 »
Salve a tutta la community, ho un problema con questo sito: 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.
« Ultima modifica: 04 Nov 2013, 21:17:04 da Mirek »

Offline $Red

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #1 il: 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

Offline Mirek

  • Esploratore
  • **
  • Post: 128
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #2 il: 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'..

Offline $Red

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #3 il: 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?
« Ultima modifica: 03 Nov 2013, 19:24:28 da $Red »

Offline Mirek

  • Esploratore
  • **
  • Post: 128
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #4 il: 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..
« Ultima modifica: 03 Nov 2013, 19:29:29 da Mirek »

Offline $Red

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #5 il: 04 Nov 2013, 08:20:02 »
forse c'è il codice che richiama lo script inserito sul file index.php del template

Offline Mirek

  • Esploratore
  • **
  • Post: 128
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #6 il: 04 Nov 2013, 09:18:44 »
Questo è il codice dell'index.php:
Codice: [Seleziona]
<?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:
Codice: [Seleziona]
<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..

Offline $Red

  • Team Joomla.it
  • Instancabile
  • *******
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #7 il: 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
Codice: [Seleziona]
<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
Codice: [Seleziona]
<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
« Ultima modifica: 04 Nov 2013, 09:50:12 da $Red »

Offline Mirek

  • Esploratore
  • **
  • Post: 128
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #8 il: 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?
« Ultima modifica: 04 Nov 2013, 09:57:18 da Mirek »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #9 il: 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 è

  • eliminare la stringa che richiama jquery nel template
  • installare uno slidershow come slidershow ck dove c'è la possibilità di disabilitare jquery
  • disabilitare jquery da icagenda
  • installare ed attivare easyjquery provando conla versione 1.8
per le future versioni di componenti ed estensioni, accertarsi che abbiano la possibilità di disabilitare jquery

su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #10 il: 04 Nov 2013, 11:53:50 »
nel template, nel file index.php elimina questo codice

Codice: [Seleziona]
<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>
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Mirek

  • Esploratore
  • **
  • Post: 128
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #11 il: 04 Nov 2013, 18:30:27 »
nel template, nel file index.php elimina questo codice

Codice: [Seleziona]
<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..

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #12 il: 04 Nov 2013, 19:38:02 »
aspetta, fammi capire:

tu usi un template con slider,
uno slider (che non è del template)
Giusto?
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Mirek

  • Esploratore
  • **
  • Post: 128
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #13 il: 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?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #14 il: 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.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Mirek

  • Esploratore
  • **
  • Post: 128
    • Mostra profilo
Re:Problema presumibilmente di conflitti jquery
« Risposta #15 il: 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)
« Ultima modifica: 04 Nov 2013, 21:16:02 da Mirek »

 



Web Design Bolzano Kreatif