In questo breve Articolo vi illustrerò come realizzare una Rotazione Banner con JQuery, questo esempio vi consentirà di realizzarlo con un effetto rotazione molto Accattivante utilizzando un Plugin JQuery, e ovviamente come tutti i miei esempi sarà possibile per ogni Programmatore PHP espandere tale esempio in modo da rendere tempi di rotazione o selezione dei Banner del tutto Dinamico.
La Prima cosa che andremo ad esaminare sarà ovviamente il Plugin JQuery, che espandono la già utilissima libreria JQuery ormai essenziale per ogni Programmatore Javascript o Programmatore Orientato al Web. Quella che andremo ad utilizzare si chiama jQuery Cycle Plugin che utilizza di default altri Plugin come potete vedere nella pagina dedicata, nello specifico Metadata Plugin e Easing Plugin.
La prima cosa che andremo a fare è quindi includere i file necessari nel nostro <head></head>
<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.1.1.js"></script>
Successivamente Incominceremo a scrivere il nostro codice Javascript sempre compreso nel nostro <head></head>
$.fn.cycle.defaults.timeout = 1500;
$('#s2').cycle({
fx: 'scrollDown',
easing: 'bounceout',
delay: -1500});
</script>
Cosi selezioneremo i valori come il tempo di rotazione, la tipologia di effetto che vogliamo ottenere tra quelli presenti nella pagina dedicata al Plugin, ricordando che come Programmatore PHP potremmo personalizzare con valori presenti in un database MySQL.
Dopo aver settato i parametri passeremo all'effettiva rotazione dei banner, inserendo tutti i banner nel div denominato s2 su cui JQuery applicherà l'effetto selezionato, nel nostro caso scrollDown.
<a href='http://www.google.it' target='_blank'><img src='banne1.jpg' border='0' /></a>
<a href='http://www.bing.com' target='_blank'><img src='banner/banne2.jpg' border='0' /></a>
<a href='http://www.yahoo.com' target='_blank'><img src='banner/banne3.jpg' border='0' /></a>
</div>
Possiamo vedere l'esempio funzionante a quest'indirizzo.
Ed è facile intuire come le potenzialità di questo esempio statico possono essere rese dinamiche da ogni Programmatore PHP che voglia utilizzare Banner o valori di rotazione direttamente inseriti in un database MySQL.
.Nessun commento Presente.
In questo mio nuovo post, è dedicato a quello che personalmente ritego dopo MySQL il patner ideale per un Programmatore PHP, Javascript a differenza di PHP è un linguaggio lato client, cioè interpretato dal browser ad ogni nuova richiesta client (utente o pagina), è può risultare utile per molteplici funzioni di controllo o gestione di una pagina, fino ad arrivare alle interazioni complesse. In questo esempio mostrerò come realizzare uno Script Javascript per una select combinata, c...Leggi Tutto
Le Applicazioni Web di un Programmatore PHP diventano sempre più particolari e interattive ecco perchè saper realizzare un Drag e Drop con Javascript potrebbe risultare utile per lo Sviluppo Web e necessaio per interfaccie UserFriendly.
In questo articolo infatti realizzeremo in maniera semplice un div che può essere trascinato lungo tutto il monitor e rilasciato fino a mantenere la posizione desiderata.
Per la realizzazione di questo Script un Programmatore PHP dovrà avere a mente solo i concet...Leggi Tutto.png)
In questo articolo presento un interessante piccolo Script Javascript che può essere usato da ogni Programmatore PHP Come base per piccoli CMS o Ecommerce dedicati ad aziende commerciali per la gestione di un carrello elettronico.
Tale script è semplice e intuitivo e permette in tempo reale di aggiornare il costo totale di un ordine in base alla numero di articoli selezionati, un Programmatore PHP o Programmatore Javascript potrà intuitivamente ampliare e completare tale script per renderlo ancora pi&ug...Leggi TuttoIn questo breve Articolo vi illustrerò come realizzare una Rotazione Banner con JQuery, questo esempio vi consentirà di realizzarlo con un effetto rotazione molto Accattivante utilizzando un Plugin JQuery, e ovviamente come tutti i miei esempi sarà possibile per ogni Programmatore PHP espandere tale esempio in modo da rendere tempi di rotazione o selezione dei Banner del tutto Dinamico.
La Prima cosa che andremo ad esaminare sarà ovviamente il Plugin JQuery, che espandono la già utilissima...Leggi Tutto
Ultimamente leggo sempre più spesso di Articoli o Feedback di persone che utilizzano Groupon, oltre ad analizzare il fenomeno dal punto di vista di Marketing, come Programmatore PHP mi è venuta l'idea di mostrarvi una maniera semplice e pratica per permettere ad un Programmatore JQuery di Conto alla Rovescia in perfetto Stile Groupon.
Per realizzare in maniera semplice un CountDown in stile Groupon con JQuery vi consiglio questa semplice libreria chiamata proprio jQuery Countdown
Con pochissime righe di codic...Leggi TuttoCome Programmatore PHP spesso mi sono trovato a lavorare su progetti che utilizzavano in maniera poco criteriata o smodata interessanti librerie Javascript con elementi di interazione grafica molto utili, che realizzano effetti drag&drop o di scomparse di elementi. Una di queste librerie, a mio avviso la più importante per un Programmatore Javascript che intende sviluppare applicazioni dinamiche e interattive, è sicuramente la libereria JQuery che presenta una buona documentazione che è pos...Leggi Tutto
:
- [php] Social Plugin: Integrare Foursquare nel Proprio Sito Internet
- [jS] JQuery e Javascript per lo Sviluppo di Siti Internet: Quando e Come?
- [php] Utilizzare le API Google Maps per la Realizzazione Siti Internet Dinamici
- [consulenza] Perchè Creare una Pagina Facebook per la tua Azienda
- [iPhone] Realizzazione Siti Internet Mobile: Ecco qualche consiglio!
- [consulenza] MiniSito Facebook: Creare una Pagina Facebook efficace e di successo.
- [php] Integrare Twitter nel Proprio Sito
- [iPhone] Realizzazione Siti Internet Mobile, Siti Internet per iPhone e Android
- [php] Inserire i commenti di una Bacheca Facebook sul tuo sito
- [consulenza] Programmatore HTML 5: Semplice Guida alle SessionStorage
- [consulenza] Consulenza Web Marketing? No, Viaggio ad Amsterdam
- [php] ADServer Banner a Rotazione
- [jS] Realizzare CountDown in stile Groupon con JQuery
- [consulenza] Scegliere un Programmatore Freelance
- [php] Inserire il Meteo di Google nel tuo Sito
- [php] Applicazione Flickr per l'Upload di Foto dal tuo Sito
- [consulenza] Integrare una Fotogallery Flickr nel Proprio Sito
- [php] Leggere un file XML usando PHP e le funzioni DOM
- [php] Leggere JSON utilizzando PHP
- [php] Aggiungere il Meteo al tuo sito con Yahoo e PHP
- [consulenza] Programmatore HTML5 e LocalStorage
- [jS] Realizzare un Drag e Drop con Javascript
- [php] Arrotondare una Cifra a 2 decimali Aggiungendo gli Zeri con PHP
- [php] Creare e Inserire Grafici in una Pagina Web con PHP
- [aJax] Realizzare un Form con AJAX e PHP in maniera Semplice
- [aJax] Trasformare un Indirizzo in Coordinate Latitudine e Longitudine con AJAX e Geocoding
- [php] Generare un QRCode con PHP e le API Google Chart
- [consulenza] Interessanti Spunti dalla BTO2010 per gli Sviluppatori Web
- [consulenza] Crea il tuo Gestionale Online o Applicazione Web con PHP e MySQL
- [mySQL] Backup di un Database MySQL utilizzando PHP
