Créer un ticker nouvelles avec PHP et jQuery Nouvelles Ticker

Vous avez promis à un ami pour l'aider à créer un site magnifique pour son entreprise. Je sais que vous avez, pour moi reprises au moins trois ou quatre, bien sûr, toujours dans le pire des travaux parle.

Habituellement, les demandes sont faibles au début:. "J'ai besoin d'un affichage statique là ... vous mettez-moi deux jours trois ans de Visual Studio et des extraits de code etc Mais le programmeur sait que l'esprit ami, parfois en toute bonne foi, d'autres un peu moins.

Puisque vous comprenez que je suis encore une fois dans cette situation délicate et que la demande n'est pas attendu cette fois sur un ticker de nouvelles. Eh bien en fait pire que je pensais, donc je travaille à essayer quelque chose de gentil et personnalisable.
Au début, je trouve le site de recherche Google JQuery Nouvelles Ticker . Me convaincre.
L 'HTML pour créer simple, bien écrit de la documentation, la décharge. Maintenant que la première étape pour le deuxième problème est résolu: mon ami n'a pas de DB ...

La solution

S'il ya un DB pouvez toujours utiliser des fichiers texte pour les nouvelles, heureusement, mon amie ne sait comment utiliser le ftp ', le seul problème est de s'assurer que cela ne devrait pas perdre trop de temps pour créer ses propres nouvelles. J'opte pour cette installation:

Il sera facile d'apporter les nouvelles comme de simples fichiers texte dans le dossier du même nom et des images dans le sous-dossier images. Une mise en garde: le même nom pour ses nouvelles et de l'image (à moins que l'extension).

Pour le reste c'est d'avoir un dossier où mettre les classes de la seule classe qui est utilisée, le dossier de jQuery js, le ticker, qui initialise le fichier et un dossier pour les styles CSS.

Via également joindre une capture d'écran de la création du projet Eclipse.

La JS

En plus de la dernière JQuery (1.6.1 au moment de la rédaction) Je prends le paquet JQuery Nouvelles Ticker jquery.ticker.js le fichier. Vous ne devriez pas changer quelque chose, je crée un seul fichier pour initialiser le ticker de la newsloader.js DOM Ready.

newsloader.js

 / / DOM-prêts







 $ (Function () {



  



 / / Création du ticker



  



 $ ('# Js-nouvelles »). Tickers ({



    



 ajaxFeed: false, / / ​​pas d'alimentation



    



 htmlFeed: true, / / ​​html est



    



 TitleText: «Briser Nouvelles ', / / ​​ticker



    



 DisplayType: «fondu», / / ​​Révèle ou fondu, fondu choisissez



    



 direction: 'ltr', / / ​​direction ticker



    



 pauseOnItems: 5000, / / ​​prendre le temps de lire les nouvelles pour le navigateur!



    



 fadeInSpeed: 600, / / ​​fondu de vitesse



    



 fadeOutSpeed: 300 / / fade-out de vitesse



  



 });







 });

Le script ne fait que créer le symbole à l'état Prêt DOM, en passant les options utiles, en particulier dans ce cas j'ai choisi d'utiliser le fondu et ne révèlent pas le choix pure esthétique.
Remarque: Le Reveal crée l'effet de "écrire sur" la machine à écrire qui ne tellement.
Un autre paramètre important pauseOnItems j'ai mis à 5 secondes pour laisser le temps au lecteur d'aller au fond des nouvelles.

• <<
• 1
• 2
• 3
• 4
• 5
• >>