jquery v scroller come inserirlo in v9?

[leol]

Salve a tutti ho trovato questo bellissimo scroller per le news, ma non riesco a inserirlo nel sito anche perchè non sono un esperto nel campo del linguaggio html e css, come posso fare? grazie in anticipo


http://www.html.it/script/uno-scroller-di-news-configurabile-con-xml-con-il-plugin-jquery-vscroller/

[stesil]

Ciao,

con un po' di ritardo, questo è il mio esempio: http://stesil.altervista.org/evo9/vscroller/

Dai commenti nel sorgente puoi vedere dove ho inserito i codici. Se non fosse chiaro chiedi pure.

[leol]

Ciao stecil grazie per la risposta, abbi pazienza ma sono alle prime armi, cosa devo fare un volta caricate le cartelle sul server, ovvero quali sono i codici da inserire sul sito sulla pagina e nell'head? Ho fatto alcuni tentativi ma con scarsi risultati

[leol]

ok ho letto il file sorgente, provo e poi ti faccio sapere

[leol]

Ciao stesil ho riprovato anche con scarsi risultati. L'unica cosa forse corretta che ho fatto è quella di incollare il codice nella proprietà pagina prima dell'head, per il resto non ho capito quali codici devo mettere nell'oggetto html se un iframe o altre cose.

[leol]

sto usando questa pagina come prova ma dove mi dovrebbe comparire lo scroller viene solo pagina bianca http://www.futsaleuroflorence.it/ggg/index.html

[lemonsong]

Mi intrometto...

Il file news.xml lo devi spostare in files/news.xml

Attualmente è qui: www.futsaleuroflorence.it/ggg/news.xml

Se vuoi lasciarlo lì, devi modificare il percorso nello script:

<script type="text/javascript">
        $(document).ready(function () {
            $('#vscroller').vscroller({ newsfeed: 'news.xml' });
        });
</script>

Dal commento di stesil:

<!--
                   
                    files allegati al codice:
                    news.xml nella cartella files;
                    vscroller.css nella cartella css;
                    vscroller.js nella cartella js;
                    bg.jpg nella cartella images;
                   
-->

[leol]

Grazie Lemonsong adesso funziona. Per caso c'è anche il modo di renderlo più piccolo?

[leol]

con più piccolo intendo togliere gli spazi vuoti laterali e lasciare solo le sbarre scorrevoli, ma penso ci sia da masticare un pò di css per farlo :-(

[Adriano Meis]

usa una cella piu piccola/aumenta le colonne

[leol]

Un ultima cosa da chiedervi. Ho fatto alcune prove e sono riuscito a cambiare i colori e le scritte, però non riesco a mettere i link collegati alle scritte, ovvero se clicco sulla scritta vado a un preciso link ho tentato modificando l'html del file news ma non funziona, come posso fare?

[lemonsong]

Se ho capito bene, puoi provare ad inserire il link qui:

bla bla bla...

<news category="red" url="http://www.google.it/" date="12-12-2011">
     <headline>Tua scritta link</headline>

bla bla bla...

[leol]

Ciao lemon grazie per la risposta sull'headline se cambio il link funziona, però volevo mettere il link anche nel <detail>...</detail> ma non funziona, ho provato con l'istruzione <a href="[/size]url[/color][/size]">[/color][/size]Link text[/color][/size]</a>[/color]

[stesil]

Si può fare inserendo <![CDATA[   ]]> nel tag <detail>. Ad esempio:

Codice:

Only registered users can see contents. Please click here to Register or Login.
E' però opportuno aumentare il numero dei caratteri che verranno visualizzati. Nel file vscroller.js riga 85 -86:

if (newsText.length > 120) {

newsText = newsText.substr(0, 120) + "...";

 }

[leol]

Grazie :-)