Visualizzazione risultati 1 fino 5 di 5

Discussione: JCarousel non gira bene

  1. #1
    zyro non è connesso Utente
    Data registrazione
    08-05-2010
    Messaggi
    105

    Predefinito JCarousel non gira bene

    Ciao a tutti, non so bene se questo argomento riguardi principalmente Javascript o PHP perché il seguente codice li contiene tutti e due.

    Brevemente: ho una pagina che elenca in breve le news del momento per un sito ed è inserita in un piccolo spazio nella home page, per cui ho deciso di sfruttare JCarousel per far girare le news in cerchio.
    Ora, se provo a scrivere direttamente le news nella pagina suddetta funziona tutto perfettamente, ma io ho bisogno che queste news vengano riprese da un database per cui ho modificato il tutto così

    Dopo aver richiamato le librerie js di JCarousel ho dato le impostazioni generali così
    Codice HTML:
    <script type="text/javascript">	
    	function mycarousel_initCallback(carousel)
    	{
    		// Disabilitiamo l'autoscrolling se l'utente clicca sui pulsanti prev o next
    		carousel.buttonNext.bind('click', function() {
    			carousel.startAuto(0);
    		});
    	
    		carousel.buttonPrev.bind('click', function() {
    			carousel.startAuto(0);
    		});
    	
    		// Nel caso l'utente posizioni il cursore  su una clip mettiamo in pausa l'autoscrolling
    		carousel.clip.hover(function() {
    			carousel.stopAuto();
    		}, function() {
    			carousel.startAuto();
    		});
    	};
    	
    	jQuery(document).ready(function() {
    		jQuery('#mycarousel').jcarousel({
    			scroll: 1,
    			auto: 2,
    			animation: 1500,
    			wrap: 'circular',
    			initCallback: mycarousel_initCallback
    		});
    		
    		jQuery('#mycarousel_vert').jcarousel({ //scrolling attivo in questa pagina
    			vertical: true,
    			scroll: 1,
    			wrap: 'circular', // tipo di animazione
    			animation: 3000, // velocità animazione
    			auto:2,
    			initCallback: mycarousel_initCallback
    		});
    		
    		jQuery('#mycarousel_vert2').jcarousel({
    			vertical: true,
    			scroll: 1,
    			wrap: 'circular',
    			animation: 1000,
    			auto:2,
    			initCallback: mycarousel_initCallback
    		});
    		
    		jQuery('#mycarousel_orr').jcarousel({
    			scroll: 3,
    			auto: 2,
    			animation: 1500,
    			wrap: 'circular',
    			initCallback: mycarousel_initCallback
    		});
    	});
    </script>
    Poi ho inserito il contenuto in questo div
    Codice HTML:
    <div > Ultime News e Comunicazioni<br />
      <div>
        <ul  id="mycarousel_vert" class="jcarousel-skin-ie7">
          <li>
            <table border="0" cellpadding="0" cellspacing="0" style=" width:220px">
              <?
    // cicliamo adesso il risultato della nostra query per visualizzare le nostre news
    while ($row=mysql_fetch_array($query))
    {
    ?>
              <tr>
                <td style="height:10px">&nbsp;</td>
              </tr>
              <a href="articolo.php?title=<?= urlencode($row['title']) ?>">
              <tr>
                <td class="image_promo"  align="center" style="padding-top:3px; width:60px">foto</td>
                <td class="font_offerte_top" align="left"><div class="arial_10_grigio">Data: <? echo date("d/m/Y", $row['publish_data']); ?></div>
                  <span  style="text-align:left;"> <? echo $row['title']; ?> </span>
                  <div class="arial_13_grigio_666" style="margin-top:3px;"> <? echo html_entity_decode($row['text']); // la funzione html_entity_decode serve a ritrasformare le entità HTML create dall'editor in tag ?></div></td>
              </tr>
              </a>
              <?
    }
    ?>
            </table>
          </li>
        </ul>
      </div>
    </div>
    Scritto così, quando testo la pagina inizialmente sembra funzionare, ma dopo aver fatto il primo giro di news cominciano ad accavallarsi una sopra l'altra e tra l'altro non torna alla prima news ma si resetta lasciando visibile sempre le ultime 2 news.
    Abbozzo l'ipotesi possa essere il ciclo while a crearmi un qualche problema, ma ho bisogno che i dati vengano prelevati in automatico.

    Avete avuto esperienze del genere in passato e qualche soluzione?

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Potresti indicare l'indirizzo della pagina in questione?

  3. #3
    zyro non è connesso Utente
    Data registrazione
    08-05-2010
    Messaggi
    105

    Predefinito

    Momentaneamente l'ho salvata qui

    http://zyro.altervista.org/prova/news/news.php

  4. #4
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Non usare le tabelle e includi ogni notizia in un elemento li a sé stante.

  5. #5
    zyro non è connesso Utente
    Data registrazione
    08-05-2010
    Messaggi
    105

    Predefinito

    Grazie karl94

    ho spostato il while per comprendere i li e ora in effetti non mi da più alcun problema, la tabella l'ho usata solo per essere veloce per testarlo, dopo andrò a sostituire il tutto con i css. Ancora grazie

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •