it.hideout-lastation.com
Incorpora GIF animate come Facebook con jqGifPreview
Twitter e Facebook hanno un sacco di persone che condividono quotidianamente GIF animate . Se questi sono tutti riprodotti automaticamente potrebbero essere raccapriccianti in un feed.
Entrambe le reti riescono a risolverle con una funzione di anteprima click-to-look per tutte le GIF. Ciò consente all'utente di scegliere quali animazioni desidera vedere scegliendo quando avviare / interrompere l'animazione.
Con il plugin jqGifPreview, puoi portare questa stessa funzionalità al tuo sito web.
Questo plug-in gratuito di jQuery funziona su tutte le GIF sulla pagina o può indirizzare in modo specifico qualsiasi cosa tu desideri. È una risorsa fantastica ma richiede un po 'di tempo per iniziare.
Una GIF in pausa è in realtà solo un fotogramma dell'animazione, visualizzato sulla pagina.
Sfortunatamente, questo plugin non preleva automaticamente un'immagine statica dal GIF . Ma puoi farlo usando PHP o qualsiasi altro linguaggio di back-end, quindi con un po 'di codice questo può essere automatizzato.
Questo plugin utilizza un attributo data- * per memorizzare la posizione dell'immagine GIF . Una volta che l'utente fa clic sull'immagine, verrà caricato automaticamente nell'attributo src dell'immagine e visualizzato sullo schermo.
Semplice, efficace e decisamente un effetto pulito! Tutto ciò di cui hai bisogno sono i file CSS / JS per questo plugin che puoi estrarre direttamente da GitHub . E, naturalmente, avrai bisogno anche di una copia di jQuery .
Da lì, imposti la tua immagine in questo modo:
L'attributo src principale dovrebbe contenere l'immagine statica . Puoi creare uno script per generarlo oppure puoi modificare e caricare manualmente uno scatto statico per ogni GIF.
L'attributo data-gif contiene la vera GIF animata e si scambieranno al clic se si targetizza la classe dell'immagine principale (in questo caso, è .myImg ). Ora, tutto ciò che serve è una riga di jQuery per far funzionare tutto:
$ ( "MyImg.") JqGifPreview ().;
Sicuramente, uno dei plugin jQuery più interessanti che ho visto questo mese ed è abbastanza facile da configurare.
Puoi saperne di più visitando la pagina GitHub e c'è anche un'anteprima demo live ospitata sul sito web dello sviluppatore.
Cosa considerare quando si localizza il sito Web in inglese
Per molte aziende il pensiero dell'espansione è allettante, ma la mossa può essere irta di preoccupazioni sul costo e di allontanarsi dall'ignoto. Troppo spesso accade che le imprese si trovino in una situazione di catch-22; il ROI della localizzazione è sconosciuto, ma rimarrà sconosciuto a meno che tu non faccia un atto di fede .Ma
