Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Carousel dati DB

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    58

    Carousel dati DB

    Buon giorno,

    Premetto che non sono pratico di Java e Ajax.

    Vorrei mettere nel mio sito questo carousel con autoplay:

    http://billwscott.com/carousel/carou..._autoplay.html

    Il problema e che al posto dei numeri che vengono messi sotto l'immagine, dovrei inserire descrizione e ID dell'immagine , dati che vengono presi dalla tabella IMMAGINI DEL DB così formata:

    URL - DESCRIZIONE - ID

    Da quello che ho capito tramite ajax dovrei leggere questi dati da una pagina che li stampa.
    mettiamo pagina.asp

    Ma come devo comporre questa pagina e come faccio a leggerli ?


    Potete aiutarmi
    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    58

    Coruosel Js

    Buon giorno,

    Faccio seguito al mio primo messaggio per dire che ho trovato un altro carousel che funziona benissimo a questo indirizzo:
    http://sorgalla.com/projects/jcarous..._circular.html

    l'unica cosa e che vorrei che i dati li prendesse da una pagina asp o txt e non dalla variabile var mycarousel_itemList . potete aiutarmi ?


    <script type="text/javascript">

    var mycarousel_itemList = [
    {url: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg', title: 'Flower1'},
    {url: 'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg', title: 'Flower2'},
    {url: 'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg', title: 'Flower3'},
    {url: 'http://static.flickr.com/77/199481108_4359e6b971_s.jpg', title: 'Flower4'},
    {url: 'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg', title: 'Flower5'},
    {url: 'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg', title: 'Flower6'},
    {url: 'http://static.flickr.com/58/199481218_264ce20da0_s.jpg', title: 'Flower7'},
    {url: 'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg', title: 'Flower8'},
    {url: 'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg', title: 'Flower9'},
    {url: 'http://static.flickr.com/70/229228324_08223b70fa_s.jpg', title: 'Flower10'}
    ];

    function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
    {
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
    };

    function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
    {
    carousel.remove(i);
    };

    /**
    * Item html creation helper.
    */
    function mycarousel_getItemHTML(item)
    {
    return '[img]' + item.url + '[/img]';
    };

    jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
    wrap: 'circular',
    itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
    itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
    });

    </script>

  3. #3
    chiamata AJAX che ti restituisce un Json e poi lo passi al carousel





  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    58
    Originariamente inviato da paxal78
    chiamata AJAX che ti restituisce un Json e poi lo passi al carousel




    Puoi farmi un esempio per favore, sono un po scarso in Java

  5. #5
    il Carouesel è realizzato con JQuery....e quindi ti converrebbe continuare su questa linea.
    ...ma io non sono molto pratico di questo Framework...solitamente uso Mootools.

    cmq se cerchi in rete o vai sul sito di Jquery trovi degli di esempi di chiamate Ajax che ritornano un Json.


    se vuoi customizzare un minimo di JS devi imparare
    oddio ho fatto la rima !!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.