ZooMove: jQuery Plugin per ingrandire le immagini su Hover
Se hai mai visitato un sito di e-commerce, probabilmente hai visto l' effetto di ingrandimento dell'immagine . Si passa sopra una foto del prodotto e quella parte dell'immagine si ingrandisce per una visione più chiara .
Il plugin ZooMove è un ottimo modo per replicare questo effetto sul tuo sito. È alimentato da jQuery, quindi puoi farlo funzionare rapidamente senza molto codice.
ZooMove è completamente gratuito e open source, disponibile su GitHub per tutti gli sviluppatori curiosi. Può essere installato tramite npm, Bower, Yarn o scaricato direttamente da CDNJS .Per impostare un'immagine ZooMove, avrai bisogno di tre file specifici nell'intestazione della pagina:
- jQuery
- ZooMove CSS
- ZooMove JS
Entrambi i file ZooMove possono essere ridotti se si desidera un caricamento più veloce della pagina. Puoi anche combinare il file CSS nel tuo foglio di stile principale se è più semplice.
Tutta la vera magia avviene nell'HTML in cui è possibile impostare gli data-* attributes
HTML5 data-* attributes
per i diversi effetti.
Ciò ti consente di creare il tuo effetto zoom personalizzato basato su quattro diversi parametri:
data-zoo-scale
- definisce la dimensione totale dello zoom quando si passa il mouse (ad es. 2.0 per 200%)data-zoo-move
- definisce se l'immagine si muove insieme al cursoredata-zoo-over
: definisce l'immagine ingrandita sopra l'originaledata-zoo-cursor
- definisce il punto del cursore
Un quinto parametro finale consente di definire quale dovrebbe essere il nuovo URL dell'immagine (se necessario).
Puoi utilizzare ZooMove in tutti i principali browser, incluso IE9 +. Questo plug-in è ampiamente supportato e offre una sola esperienza utente.
Se stai cercando una semplice libreria hover-to-zoom, ZooMove è una scelta eccellente. È abbastanza leggero da funzionare su qualsiasi sito Web ed è basato su jQuery, quindi non dovrai scrivere tanto codice per farlo funzionare.Visita la pagina principale per vederlo in azione e consulta la documentazione su GitHub per saperne di più.
10 CMS Open Source per la creazione di siti di e-commerce
Esistono alcune soluzioni per la creazione di un sito Web e-Commerce che contiene tutte le utilità e le funzionalità per acquisti online convenienti come catalogo prodotti, controllo delle scorte, carrello della spesa e gateway di pagamento.Puoi andare con la rotta di e-Commerce ospitata, ad esempio su Shopify o BigCommerce, che ospiterà i tuoi siti web all'interno del loro server, configurerà, manterrà e aggiornerà il tuo sito web finché sarai iscritto al loro servizio (di solito al mese) . Tutta
Fumetti adorabili con effetti sonori da tutto il mondo
Le onomatopee sono parole che suggeriscono o assomigliano ai suoni . In termini più semplici, sono effetti sonori. Li vedi nei fumetti dove le cose vanno "Wham", "Bam" e "Smash". Molto probabilmente hai imparato alcuni di loro in giovane età come il modo in cui le mucche vanno 'muggiti' ei gatti si fanno 'miagolare'.