Fotorama è una galleria jQuery reattiva, installazione e personalizzazione. Galleria di immagini JQuery Galleria di portfolio jQuery
Ciao a tutti!
Durante la creazione di un nuovo progetto web, gli sviluppatori di tutti i tipi sono spesso interessati alla domanda su come presentare ai propri utenti diversi tipi immagini, siano esse fotografie o gruppi di immagini. Per questo, le menti curiose dello spazio online, per la maggior parte, ovviamente, questo spazio è "borghese", cercano sempre più nuove soluzioni per creare presentazioni e gallerie fotografiche spettacolari, colorate e, soprattutto, funzionali. Per la maggior parte, vengono adattati dagli sviluppatori al design del modello del progetto Web in fase di creazione o sotto forma di plug-in e moduli per uno specifico motore di gestione del sito. Vale la pena guardare i modelli moderni perché non un singolo tema, con rare eccezioni, è completo senza una sorta di dispositivo di scorrimento plug-in o un semplice rotatore di immagini. Quindi è comprensibile che molti sviluppatori web vogliano ottenere qualcosa del genere nel loro arsenale e sorprendere completamente i loro lettori, presentando efficacemente le immagini sui loro siti.
Continuando la serie di recensioni di nuove soluzioni che ho iniziato, ho deciso di mettere insieme una raccolta più completa di slideshow e gallerie fotografiche interessanti ed efficaci che mi sia mai capitato di incontrare, create utilizzando la magia di jQuery.
Voglio avvertirti subito che le risorse che verranno discusse nella recensione sono principalmente in inglese, ma penso che chi ne ha bisogno, lo capirà intuitivamente o con l'aiuto di traduttori, di cui ce ne sono una dozzina . E se guardi attentamente, puoi trovare le descrizioni della tecnica per creare alcune gallerie e slider in russo, dal momento che molti dei nostri sviluppatori web traducono nel processo di lavoro su un particolare progetto, prima per se stessi, e poi pubblicano descrizioni dettagliate di tutti le loro manipolazioni gratuitamente. ...
Ad esempio, ho fatto lo stesso, una volta lavorando sul meccanismo di creazione, all'inizio ho trovato una versione da galleria adatta per me nella borghesia, l'ho tradotta per una migliore comprensione di quello che stavo facendo, e in seguito questo è risultato, ho osa sperare, non è un brutto articolo sull'utilizzo dello script Highslide, con esempi di lavoro in varie varianti dell'applicazione.
E allora, basta con i testi superflui, andiamo direttamente alla recensione, guardiamo, leggiamo brevi spiegazioni e scegliamo tra un numero enorme di novità plugin jQuery s e script per l'implementazione slider interessanti immagini, gallerie fotografiche, presentazioni sui tuoi siti: con cambia diapositive automatici e manuali, slider di immagini di sfondo, con e senza miniature, ecc. eccetera...
Di.Sito web | Dimostrazione
Una galleria di immagini jQuery completa e personalizzabile con elementi di presentazione, effetti di transizione e più opzioni di album. Compatibile con tutti i moderni browser desktop e mobili.
Guida alla creazione galleria a schermo intero basato su jQuery. L'idea è di avere una miniatura dell'immagine mostrata a schermo intero visualizzata a lato, con il riflesso mentre ci si sposta tra le immagini usando le frecce o il kokeshik del mouse. Le immagini grandi cambiano nello stile della presentazione in alto o in basso a seconda della transizione scelta. La capacità di ridimensionare l'immagine, che rende l'immagine sullo sfondo per la visualizzazione in modalità a schermo intero o adatta alle dimensioni della pagina.
Cursore di parallasse
Cursore di parallasse una soluzione interessante per organizzare la visualizzazione delle immagini sotto forma di slide show con comandi manuali. Attrae il posizionamento originale delle miniature delle immagini. Il sito Web ufficiale ha un layout completo per l'integrazione e la configurazione del dispositivo di scorrimento.
Galleria di presentazioni minimalista con jQuery un'eccellente galleria di immagini con elementi di cambio automatico delle immagini, nonché con la possibilità di controllare manualmente la visualizzazione e la selezione delle immagini da un blocco a discesa con una griglia di miniature. Tra gli svantaggi, possiamo notare la mancanza di visualizzazione di immagini a grandezza naturale, ma questo è il minimalismo di questa galleria.
È una presentazione a schermo intero con immagini che cambiano automaticamente, senza effetti strabilianti, tutto è semplice e di buon gusto.
Riduci galleriaè un plugin jQuery altamente personalizzabile con un'ampia selezione di transizioni di immagini. Con l'aiuto della galleria Minimit, puoi organizzare una dimostrazione di immagini sotto forma di un carosello, una presentazione, un semplice rotatore e un semplice volantino.
È un piccolo plug-in jQuery (2kb) che fornisce un modo semplice e senza fronzoli per visualizzare le immagini come una presentazione.
- è piacevole alla vista galleria javascript, con controlli intuitivi e compatibilità perfetta su tutti i computer, iPhone e dispositivi mobili... Molto facile da installare e configurare
A differenza di molti Javascript e dispositivo di scorrimento jQuery s immagini, Slider.js è una soluzione ibrida, transizioni e animazioni CSS3 basate sull'efficienza.
Questo è un modello di una pagina per la creazione di varie presentazioni in HTML5 e CSS3.
diapo presentazione è un progetto open source. Se lo desideri, puoi suggerire modifiche o miglioramenti. Puoi scaricarlo e usarlo gratuitamente, inoltre niente e nessuno si preoccupa di usare questo slider nei tuoi progetti. Il cursore è facilmente personalizzabile, transizioni interessanti tra il contenuto presentato e puoi posizionare qualsiasi cosa nel cursore, funziona abbastanza rapidamente, senza stipiti.
Non è altro che un altro strumento per creare presentazioni su siti Web e altri progetti web. Supportato da tutti i browser moderni, animazione orizzontale e verticale, supporto per transizioni personalizzate, API di callback e altro. Puoi utilizzare qualsiasi elemento html nelle diapositive, comprensibile e accessibile per i principianti, distribuito completamente gratuitamente.
Slideshow JavaScript per lo sviluppo agile
Implementa le tue presentazioni con questo fantastico plugin jQuery. Uno strumento altamente personalizzabile, così puoi costruire la tua presentazione di contenuti in base alle tue esigenze. Un formato dati viene utilizzato per fornire una più facile integrazione con dati esterni o dati dal tuo CMS. Questa è una nuova versione e scritta da zero. Gli sviluppatori hanno cercato di descrivere l'intero processo di lavoro con la loro idea in un modo estremamente chiaro e comprensibile.
- Plugin jQuery che consente di convertire elenchi non ordinati in presentazioni con interessanti effetti di animazione. In una presentazione, puoi visualizzare un elenco di diapositive, utilizzando numeri o miniature oppure utilizzando i pulsanti Precedente Successivo. Il dispositivo di scorrimento ha molti tipi di animazione originali, tra cui cubo (con varie sottospecie), tubo, blocco e altro.
Un set completo di strumenti per organizzare tutti i tipi di presentazioni di vari contenuti sui tuoi progetti web. I ragazzi borghesi hanno fatto del loro meglio, inclusi nella clip, quasi tutti i tipi di vari slider e gallerie usando la magia di jQuery. Slider di foto, galleria di foto, slideshow dinamico, carosello, slider di contenuti, menu a schede e molto altro, in generale c'è un luogo dove la nostra irrefrenabile immaginazione può vagare.
Questo è un plug-in per presentazioni jQuery creato pensando alla semplicità. Contiene solo il set di funzioni più utile, sia per principianti che per sviluppatori avanzati, offrendo la possibilità di creare presentazioni semplici, ma allo stesso tempo molto efficaci e intuitive.
- uno slider così semplice costruito su jQuery, semplice sotto tutti gli aspetti, non richiede competenze particolari, penso che molti torneranno utili per l'implementazione di slideshow sui propri siti. Il plugin è stato testato in tutti i browser moderni, incluso il più lento IE.
jbgalleryè una sorta di widget dell'interfaccia utente scritto in javascript della libreria jQuery. La sua funzione è quella di mostrare un'immagine grande come sfondo del sito in modalità a schermo intero, diverse immagini sotto forma di slider. Tutte le modalità di visualizzazione dispongono di controlli di visualizzazione. Una soluzione a suo modo interessante, dove non è nemmeno standard.
È un plugin jQuery facile da usare per visualizzare le tue foto come una presentazione con effetti di transizione tra le immagini (viste e più interessanti). jqFancyTransitions è compatibile e ampiamente testato con Safari 2+. Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.
È un plugin jQuery gratuito per la visualizzazione di immagini e qualsiasi altra informazione sotto forma di "lightbox". Popup con controlli, sfondo sfumato e tutto, semplice e di buon gusto.
Un altro plugin jQuery della serie Lightbox, anche se pesa in modo vergognoso (9 KB), mentre ha un sacco di possibilità con cui lavorare. C'è un'interfaccia progettata in modo decente che puoi sempre migliorare o personalizzare con i CSS.
Già dal nome si capisce che non c'è nulla di stravagante, abbiamo uno scroller automatico di immagini molto semplice, con controlli completamente assenti. Chissà, forse solo per il suo minimalismo, questo slider attirerà la tua attenzione.
Rotatore di immagini con tipi diversi transizioni. Funziona sia in modalità automatica che al clic, si configura abbastanza facilmente.
- una galleria di immagini a tutti gli effetti piuttosto che un semplice cursore. Anteprima delle miniature e possibilità di selezionare l'effetto di transizione, supporto completo per tutti i browser, descrizione dettagliata dell'integrazione in un progetto web e distribuzione gratuita.
È un'implementazione di presentazioni pronte all'uso che utilizzano scriptaculous / prototipo o jQuery. Horinaja è una sorta di soluzione innovativa, perché permette di utilizzare la rotella per scorrere i contenuti inseriti nello slider. Quando il puntatore del mouse si trova all'esterno dell'area della presentazione, la modifica avviene automaticamente, quando il puntatore viene posizionato sulla presentazione, lo scorrimento si interrompe.
Una funzionalità di una serie dei più semplici scroller di immagini, sebbene con la presenza di controlli di visualizzazione, rispettivamente, funziona sia in modalità automatica che manuale.
s3Slider- Plugin jQuery, crea una presentazione da un elenco non ordinato di immagini e può essere facilmente implementato su qualsiasi sito web.
Questo è un plug-in jQuery ottimizzato per gestire grandi volumi di foto conservando la larghezza di banda.
Sfondo di Las Vegas
Il plugin Vegas Background jQuery ti consente di aggiungere bellissime immagini di sfondo a schermo intero alle tue pagine web, tutte con elementi di presentazione. Se studi attentamente le complessità del lavoro con il plugin, puoi trovare molte soluzioni interessanti, ovviamente, se solo ne hai bisogno.
- uno slider come slider, né più né meno, con didascalie alle immagini o annunci di articoli e semplici controlli, utilizzando il metodo della "digitazione".
È un javascript leggero (circa 5 KB) per organizzare la visualizzazione delle immagini. Ridimensionamento automatico e ridimensionamento di immagini di grandi dimensioni, consente di visualizzare l'immagine a grandezza naturale all'interno della finestra del browser
PikaScegli la versione 4 disponibile Gallerie jQuery immagini! Pikachoose è una presentazione jQuery leggera con grandi funzionalità! Integrazione con Fancybox, ottimi temi (anche se non gratuiti) e molto altro sono offerti dagli sviluppatori di plugin.
Controlla il numero di immagini nel tuo elenco e crea dinamicamente una serie di collegamenti di foto sotto forma di navigazione digitale. Inoltre, cliccando su ogni immagine ci si sposta avanti o indietro, e si possono anche sfogliare le immagini a seconda dell'area del click sull'immagine (ad esempio: cliccando sul lato sinistro dell'immagine si sposteranno indietro le diapositive e avanti, rispettivamente, per il lato destro dell'immagine).
Un altro slider jQuery che si adatta perfettamente a qualsiasi template WordPress.
Un altro sviluppo di "Nivo", come tutto ciò che fanno i ragazzi di questo studio, il plug-in è realizzato con alta qualità, contiene 16 effetti di transizione unici, navigazione da tastiera e molto altro. Questa versione include un plugin dedicato direttamente per WordPress. Quindi per tutti i fan di questo motore di blog, Nivo Slider sarà perfetto.
Plugin jQuery che consente di creare rapidamente un'applicazione semplice, efficiente e bel cursore per immagini di qualsiasi dimensione.
pirobox-Questo è uno script jQuery "lightbox" leggero, la visualizzazione viene eseguita in un blocco pop-up che si adatta automaticamente alle dimensioni dell'immagine, con tutti i controlli.
I creatori di questa galleria offrono una presentazione piuttosto originale delle immagini. Le immagini vengono visualizzate come miniature sotto forma di un'onda, quando fai clic sulla miniatura, contempleremo una versione di medie dimensioni dell'immagine, fai clic una seconda volta e avrai un'immagine grande. Puoi considerarlo un esperimento, ma devi ammettere che qualcosa di nuovo e insolito è sempre interessante.
Presentazione a schermo intero con HTML5 e jQuery
Per creare slideshow e visualizzare immagini in modalità a schermo intero, gli sviluppatori hanno utilizzato il plugin Vegas jQuery già a te familiare, che contiene molte idee e tecniche precedentemente descritte in dettaglio negli articoli del gruppo. Attratto dalla presenza di elementi audio HTML5 e dallo stile di esecuzione delle transizioni tra le immagini.
Un altro sviluppo del team Codrops, una galleria di immagini a tutti gli effetti e funzionale, però, che senso ha descriverlo, va visto.
Presentazione di immagini, le immagini scompaiono proprio davanti ai tuoi occhi, l'effetto è sorprendente.
È un framework JavaScript per galleria di immagini costruito sulla libreria jQuery. L'obiettivo è semplificare il processo di sviluppo di una galleria di immagini professionale per il web e i dispositivi mobili. Possibilità di visualizzazione in finestra pop-up e in modalità schermo intero.
Con calma, iniziamo ad abituarci e aspettiamo nuovi lavori dal team di Codrops. Si prega di ottenere un ottimo dispositivo di scorrimento delle immagini con un ottimo effetto di transizione 3D per visualizzare le immagini in modalità a schermo intero.
Un altro plugin per WordPress nella serie di organizzatori di presentazioni. Si integra facilmente in quasi tutti i design e offre molte opzioni di personalizzazione per utenti avanzati e inesperti.
Un altro plugin scritto per WordPress renderà molto più semplice organizzare una presentazione di immagini o qualsiasi altro contenuto sui tuoi blog.
Bel plugin per presentazioni per l'integrazione con wordpress. Xili-floom-slideshow viene installato automaticamente e sono consentite anche le impostazioni personali.
Slimbox2è un consolidato plugin per WordPress per la visualizzazione di immagini con l'effetto "Lightbox". Supporta la presentazione automatica e il ridimensionamento delle immagini nella finestra del browser. In generale, questo plugin ha molti vantaggi rispetto ad altri plugin di questa serie.
Questo plugin, widget ti consente di creare presentazioni e presentazioni dinamiche e gestite per il tuo sito Web o blog WordPress.
Questo plugin per WordPress converte le immagini incorporate nella galleria in una presentazione semplice e flessibile. Il plugin utilizza lo slider dell'immagine jQuery FlexSlider e le preferenze personali dell'utente.
È un plugin per WordPress per organizzare presentazioni di foto, immagini da feed RSS di SmugMug, Flickr, MobileMe, Picasa o Photobucket, funziona e visualizza utilizzando Javascript puro.
Un semplice slider come questo per WordPress e altro. Niente di superfluo e ingombrante, il lavoro è svolto in uno stile minimalista, l'enfasi è sulla stabilità e sulla velocità, si collega perfettamente al motore di gestione del blog.
Secondo me Skitter è uno dei migliori slider per wordpress. Attratto dalla stabilità e velocità di lavoro, controlli non troppo evidenti, effetti di transizione e un collegamento al tema abbastanza semplice.
È un plugin per WordPress, con il quale puoi organizzare facilmente e rapidamente una galleria di immagini sul tuo sito con la possibilità di visualizzare in modalità presentazione. La visualizzazione può essere automatica o completamente controllata con visualizzazione delle miniature e didascalie delle immagini.
Di.Sito web | Dimostrazione
Mostra tutte le immagini di un articolo/pagina come presentazione. Installazione facile. Questo plugin richiede Adobe Flash per la versione con animazione di transizione, se Flash non viene trovato lo slider funziona normalmente.
Un altro semplice slider di WordPress che mostra le immagini dei post e le anteprime degli articoli brevi. Uso solo un plugin del genere su questo blog di tanto in tanto.
Meteor Slides è uno slider wordpress jQuery con oltre venti stili di transizione tra cui scegliere. L'autore ha chiamato il plug-in "meteor", probabilmente sottintendendo la velocità di lavoro, forse non ho notato nulla del meteorite.
oQey Gallery è una galleria di immagini completa con elementi di presentazione per wordpress, con funzionalità video e musicali incorporate.
È una presentazione con elementi di animazione flash per la visualizzazione di immagini e video su siti Web e blog. Puoi posizionare questo dispositivo di scorrimento su qualsiasi sito Web, inserirlo in qualsiasi dimensione e con qualsiasi contenuto che ti piace.
Il plug-in Flash Gallery trasforma le tue normali gallerie in splendide pareti di immagini, con supporto per più album per post, anteprima a schermo intero e modalità presentazione.
WOW Slider è uno slider di immagini jQuery per WordPress con immagini straordinarie (Explosion, Fly, Blinds, Squares, Slices, Base, Fade, Stack, Stack verticale e lineare) e modelli progettati professionalmente.
Promotion Slider è un plug-in jQuery che rende facile ravvivare una semplice presentazione o implementare più zone di annunci rotanti sulla pagina, poiché è uno strumento altamente personalizzabile, avrai il controllo completo su ciò che viene mostrato nello slider e come il modulo funziona generalmente.
| Dimostrazione
Novità nella versione 2.4: supporto per l'ordinamento delle foto mediante trascinamento della selezione direttamente tramite l'editor di WordPress, nonché la possibilità di aggiungere collegamenti alle immagini alle immagini principali. (IE8 potrebbe avere bug, funziona bene in tutti i principali browser. Gli autori promettono il pieno supporto per IE8 in futuro.)
| Dimostrazione
L'accordo finale di questa recensione sarà questo plugin per WordPress, un altro dispositivo di scorrimento con interessanti effetti visivi per la selezione e la modifica delle immagini.
Guardo tutto quanto sopra e sono stupito che debba essere un volo di immaginazione tra gli esseri umani, e questo è lontano da tutto ciò che gli sviluppatori web variegati hanno accumulato di recente sul tema dell'organizzazione delle immagini nei progetti web. È fantastico che ora sia possibile dare vita a soluzioni così straordinarie per la creazione di gallerie e presentazioni.
Oso sperare tranquillamente che in questa raccolta troverai qualcosa di interessante per te stesso, chiudi la tua galleria o slider unico, per la gioia dei tuoi utenti e, naturalmente, per la persona amata, ma senza quello ...
Ciao a tutti! In questo articolo, vedremo come creare una bella galleria ordinata in modo conveniente in jQuery.
Una galleria bella e facile da ordinare è una cosa meravigliosa per il tuo sito che delizierà te e i tuoi visitatori. Oggi vedremo un plugin molto facile da installare e configurare per la libreria. JQuery- Filtro.
Nonostante la facilità d'uso, il plugin è abbastanza leggero ed efficace. Diamo un'occhiata più da vicino.
Dimostrazione
Per vedere come funziona il plugin, vai sul sito ufficiale, ed eccolo già davanti a te!
Puoi scegliere di ordinare per città, natura, settore, alba, tramonto o mostrare tutte le foto (impostazione predefinita). C'è un pulsante casuale che ti permetterà di mescolare le immagini. pulsanti ASC e DESC ordina le immagini rispettivamente in ordine crescente e decrescente. Se vuoi trovare un'immagine per posizione o descrizione, seleziona l'elemento desiderato nell'elenco a discesa e inserisci la tua query nel campo di ricerca. Quando passi il mouse sull'immagine, l'immagine passa dal bianco e nero al colore.
Installazione
Per scaricare la libreria, fare clic sul pulsante Scarica o usa NPM:
Npm install filterizr
Il plug-in è già configurato, ma se desideri sovrascrivere le impostazioni predefinite, puoi:
1) Passa un oggetto con parametri al costruttore JQuery
Var filterizd = $ (". Filtro-contenitore"). Filterizr ((
// opzioni
})
2) Riscrivi i parametri usando setOpzioni () metodo in oggetto Filtro.
Filterizd.filterizr ("setOptions", (
// opzioni
})
Opzioni
Parametri predefiniti:
Opzioni = (
animazioneDurata: 0,5,
richiamate: (
onFilteringStart: funzione () (),
onFilteringEnd: funzione () ()
},
ritardo: 0,
delayMode: "progressivo",
alleggerimento: "allentamento",
filtro: "tutti",
filterOutCss: (
opacità: 0,
trasforma: "scala (0,5)"
},
filterInCss: (
opacità: 0,
trasformare: "scala (1)"
},
layout: "stessa dimensione",
selettore: ".filtr-contenitore",
setupControls: true
}
Puoi trovare istruzioni più dettagliate e una descrizione di ciascun parametro su
1. Implementazione di un portfolio utilizzando jQuery Gallery
Le miniature del progetto scorrono quando cambi la posizione del cursore del mouse nella colonna di sinistra. L'area del contenuto mostra un'immagine ingrandita con il nome del progetto, la descrizione e un elenco delle tecnologie utilizzate. Mentre navighi tra le miniature, le informazioni sul progetto si scambiano tra loro in uno straordinario effetto animato. Quando si fa clic sull'immagine nella pagina di descrizione, si ingrandisce anche da usando jQuery animazione. Voglio anche notare lo straordinario aspetto elegante dell'intera pagina del portfolio. Vedi demo.
2. Super implementazione di un sito portfolio utilizzando CSS e jQuery
Un'eccellente implementazione del sito portfolio di un fotografo. Quando fai clic su una voce di menu, un'area con contenuto di altezza e larghezza fissa viene assemblata da quadrati sparsi sullo schermo. Al fine di inserire maggiori informazioni nell'area fissa, è previsto lo scorrimento dei contenuti. L'implementazione della visualizzazione delle opere dal portfolio è implementata in un modo insolito: quando si fa clic su una miniatura, la foto viene visualizzata come immagine di sfondo, che viene automaticamente ridimensionata quando la finestra del browser viene ridimensionata.
3. Parete del portafoglio jQuery
Una soluzione originale per creare un portfolio online. I blocchi del progetto (miniature e una breve descrizione con un collegamento) vengono visualizzati diversi in una riga; quando si cambia la finestra del browser, i blocchi vengono ridistribuiti uniformemente sulla pagina con un effetto animato. Ogni progetto può avere più immagini in miniatura, la transizione tra le quali viene eseguita utilizzando le frecce. Facendo clic sul collegamento si apre una pagina di descrizione completa con il testo posizionato su un blocco scorrevole semitrasparente, ad altezza fissa. L'immagine in scala del progetto viene utilizzata come sfondo della pagina. Sembra fantastico: guarda la demo.
4. Scorrimento fluido della pagina jQuery
Implementazione dello scrolling verticale e orizzontale.
5. Plugin jQuery "Griglia di caselle di immagini trascinabili"
Una griglia trascinabile composta da blocchi di contenuto e immagini. La griglia può essere trascinata con il mouse (premere un pulsante qualsiasi del mouse e trascinare nella direzione desiderata). Quando fai clic su una miniatura, l'immagine principale si espande per l'intera larghezza dello schermo. Quando fai clic su un blocco scuro con del testo, viene rivelata un'area con una descrizione più dettagliata.
6. Sito portfolio di una pagina
Sito di una pagina con modifica del contenuto animato. Nella pagina demo, scorrere le schede del menu per vedere l'effetto.
7. Passare la visualizzazione dei blocchi a jQuery
Utilizzando questo plug-in jQuery "Switch Display Options", è possibile implementare uno switch sulla pagina, con il quale il visitatore passerà da una visualizzazione tabellare di informazioni a una visualizzazione completa con descrizioni dei blocchi. Perfetto per l'implementazione del portafoglio.
8. Modello per il sito web di un ristorante con galleria jQuery e mappa di Google
Una soluzione jQuery originale creata per un bar. Il modello implementa un'interessante galleria jQuery per la visualizzazione dei piatti dal menu. Le immagini nella galleria vengono ridimensionate in base alle dimensioni della finestra del browser. Innanzitutto, la galleria mostra le miniature con il nome e una breve descrizione dei piatti, con la foto a grandezza naturale visualizzata in grigio sullo sfondo. La navigazione tra le foto disponibili viene effettuata utilizzando le frecce o la rotellina del mouse. Facendo clic in modalità galleria verranno rimosse le miniature con le descrizioni e sarà possibile visualizzare le immagini grandi originali estese all'intera larghezza della finestra. Per tornare al menu del sito dalla galleria, è necessario fare clic sul collegamento nell'angolo in alto a destra. Oltre alla splendida galleria jQuery, una mappa di Google è integrata in modo molto efficace nel modello.
9. Plugin Plasm The Wall
Creare una sorta di "muri" da fotografie o blocchi HTML, che possono essere trascinati con il mouse sullo schermo all'interno di un'area fissa.
10. Plugin per la visualizzazione di elementi in un cerchio
Visualizzazione sulla pagina di vari elementi lungo un cerchio di un dato diametro.
11. Stub page "Sito in costruzione"
La pagina ha la possibilità di inviare un indirizzo di posta elettronica, che viene registrato nel database e al quale sarà possibile inviare una notifica di apertura del sito. Inoltre, la pagina è decorata con una piccola presentazione, implementata sulla base del plugin jQuery Nivo Slider v. 2.3.
12. Plugin QuickFlip 2
Con esso, puoi creare un interessante effetto biglietto da visita rotante quando fai clic su un collegamento.
13. mappa clic jQuery
L'idea è di tenere traccia dei clic degli utenti. Per vedere il plug-in in funzione sulla pagina demo, fare clic con il mouse, quindi fare clic sul pulsante "Analisi". E su uno sfondo traslucido, verranno visualizzati i punti in cui hai fatto clic con il mouse.
Implementazione di una bella tastiera su schermo. Non si sa mai, tornerà utile per qualcosa.
15. Note jQuery
Realizzazione di volantini con note. Il testo può essere modificato e le note stesse possono essere eliminate o spostate sullo schermo. Per vedere un esempio, vai alla pagina demo nella scheda "Demo".
16. Valutazione jQuery
17. Attributo al passaggio del mouse
Design interessante dei collegamenti: quando passi con il mouse su un collegamento, il suo ancoraggio cambia. Sembra bello.
18.jQuery Fancy modulo di registrazione captcha
Implementazione Captcha per il modulo di registrazione. Il plugin è un insieme di numeri che devono essere impostati in ordine crescente trascinandoli e rilasciandoli. Un modo piuttosto interessante per confermare che la registrazione è una persona reale, non un robot.
Nella parte inferiore dello schermo sono presenti i pulsanti che è possibile utilizzare per scorrere facilmente verso l'alto o verso il basso la pagina.
20. Traduttore. Plugin jQuery "jTextTranslate"
Il plug-in utilizza l'API di Google Language e può tradurre il testo in qualsiasi lingua fornita da Google. Per tradurre, è necessario fare clic sull'icona accanto al paragrafo e selezionare la lingua che si desidera tradurre dall'elenco a discesa.
21 plugin di impaginazione jQuery
Eccellente implementazione dei collegamenti a scorrimento per navigazione della pagina... Implementato utilizzando jQuery.
22. Plugin jQuery Notes
Questo plugin jQuery ti consentirà di implementare note "cartacee" sul tuo sito.
23. Plugin jQuery "Catch404"
24. jQuery plug-in jBreadCrumb
Plugin per la creazione di una catena di navigazione breadcrumb animata
25. Plugin "Reel"
26. Plugin jQuery "Pista da ballo"
Plugin jQuery per l'implementazione della pagina del prodotto. Quando fai clic sull'immagine del prodotto, viene visualizzata la sua descrizione.
27. Plugin jQuery "3D Cloud of Places"
28. Pulsanti CSS ingombranti
29. Scorrimento orizzontale animato della pagina
effetto di scorrimento verticale jQuery. Perfetto per l'implementazione di siti a una pagina e siti portfolio. Per visualizzare l'effetto, fare clic su una voce di menu nella pagina demo.
30. Plugin jQuery "Sistema di valutazione"
Effetto jQuery per implementare la valutazione di qualcosa. Il colore dei cerchi e il testo sotto di essi cambia a seconda di quale è il cursore del mouse su cui si trova.
31. Pannello jQuery Magic
Plugin che implementa la navigazione del sito. Allo stesso tempo, il tuo sito si presenta come una griglia di documenti, tra i quali puoi navigare con un interessante effetto jQuery.
Puoi facilmente utilizzare questo plugin per creare piccoli siti e applicazioni web. Sarà anche bello sui siti di portfolio.
32. Indicatore di caricamento su Mootools, plugin "MoogressBar"
Indicatore di carico effettivo.
33. Plugin di Mootools "CwComplete"
Durante la compilazione del campo, il plugin richiederà possibili opzioni per il riempimento utilizzando Ajax, filtrando e mostrando solo quelle opzioni che soddisfano il testo già inserito nel campo.
34. Ottima chat ajax con jQuery e CSS3
Prima di iniziare una conversazione, un visitatore deve inserire il suo nickname e la sua e-mail. La colonna di destra mostra quante persone hanno effettuato l'accesso alla chat. Tecnologie utilizzate: PHP, MySQL, jQuery, CSS.
35. Realizzazione della pagina "Proponi per progetto"
I visitatori possono aggiungere una nuova proposta o votarne una esistente. Un'ottima soluzione per chi vuole conoscere l'opinione del proprio pubblico sul sito. Inoltre, questa pagina può essere utilizzata per accumulare nuove idee per l'ulteriore sviluppo del tuo progetto. Tecnologie utilizzate: PHP, MySQL, jQuery, CSS
36. Implementazione del voto/sondaggio con PHP e jQuery
37. Votare l'Ajax "TinyEditor"
Attenta implementazione dei sondaggi sul sito. Tecnologie utilizzate: jQuery, Ajax, PHP e MySQL.
Una soluzione molto interessante per l'implementazione del voto sul sito. Trascinando i blocchi su e giù, afferrando le immagini con il mouse, puoi disporli sulla pagina in qualsiasi ordine. Più in alto esci dal blocco, migliore sarà il tuo voto e, di conseguenza, se il blocco è posizionato in fondo, significa che ti è piaciuto di meno. Dopo aver posizionato i blocchi nella sequenza desiderata, è necessario fare clic sul pulsante "Invia sondaggio" in modo che il voto venga preso in considerazione. La pagina dei risultati mostra i risultati della votazione e il numero di visitatori che hanno votato. Tecnologie utilizzate: CSS, PHP, MySQL, jQuery.
Semplice sistema di commento Ajax con convalida delle informazioni inserite. I commenti sono memorizzati nel database. Implementato utilizzando: PHP, MySQL, CSS, jQuery.
40. Contatore del numero di download di file
41. Note su una pagina usando PHP
Tecnologie utilizzate: PHP, jQuery, CSS.
Durante la navigazione tra le voci di menu, il contenuto viene caricato senza ricaricare la pagina. Tecnologie utilizzate: PHP, jQuery, CSS.
43 Ricerca nel sito jQuery utilizzando la tecnologia di Google
Implementazione della ricerca nel sito utilizzando l'API di ricerca AJAX di Google. Sarai in grado di offrire al visitatore l'opportunità di effettuare ricerche sia sul tuo sito che su Internet. In questo caso la ricerca può essere effettuata non solo sulle pagine del sito, ma anche su immagini e file multimediali.
44. Effetto di sovrapposizione della descrizione di jQuery sull'immagine
Un effetto molto interessante che può essere utilizzato nella realizzazione di un portfolio. Quando fai clic sull'immagine, viene oscurata con uno sfondo traslucido e viene visualizzata un'iscrizione con una descrizione di ciò a cui dovresti prestare attenzione.
45. Implementazione di una pagina di domande e risposte con jQuery
Implementazione jQuery della pagina FAQ sul sito. Nella parte superiore della pagina viene visualizzato un elenco di domande. Quando fai clic su una domanda, la pagina scorre dolcemente fino a quella selezionata e la domanda attiva con la risposta viene evidenziata con un colore diverso. Inoltre, viene visualizzato un collegamento nel campo della risposta attiva per tornare all'elenco delle domande.
46. Sito web sull'Ajax. Il contenuto viene caricato senza ricaricare la pagina
47. Cambia lo sfondo e il colore del testo con jQuery
Il colore cambia al passaggio del mouse. Puoi cambiare il colore in modo casuale.
48. Guida del sito utilizzando jQuery
Con questo interessante plugin, puoi familiarizzare il visitatore con le funzioni di base del tuo sito, se è arrivato per la prima volta. Quando la pagina viene caricata, nell'angolo in alto a destra viene visualizzato un blocco con una proposta per fare un tour del sito. Se un visitatore visita il tuo sito per la prima volta, può familiarizzare con le funzioni principali con l'aiuto di una piccola guida. In questo caso, la pagina viene oscurata e i blocchi necessari vengono contrassegnati con un segno ad ogni passaggio. Se il visitatore è già stato sul tuo sito in precedenza, può semplicemente chiudere la finestra che offre un tour del sito.
49. Visita virtuale del sito "Kit Joyride"
Utilizzando questo plugin, puoi familiarizzare il visitatore con le principali funzionalità della pagina. Questo viene fatto sotto forma di una descrizione a comparsa sequenziale degli elementi. Il visitatore può vedere tutti i suggerimenti cliccando sul pulsante Avanti, oppure chiudere il tour online (se non è la prima volta che arriva in questa pagina) utilizzando la crocetta.
Pubblicazioni correlate
-
Conti del deserto nero (RU)
Account esteso GameNet Vantaggi di un account esteso: Possibilità di giocare con due account (in due finestre) contemporaneamente in, e ....
-
Canale televisivo quale Star non è in TV adesso?
Dov'è il canale televisivo Zvezda, perché non è in TV? Molti abbonati dell'operatore Kol TV hanno dovuto affrontare un problema: il loro canale televisivo Zvezda preferito è scomparso ....