Applica l'effetto di zoom uniforme alle immagini con Zoomer

C'è una citazione che dice "un'immagine vale più di mille parole". Nel web design, diventa ancora più rilevante. Soprattutto quando si tratta di mostrare prodotti, ad esempio in un sito di e-commerce. Le persone hanno bisogno di avere una comprensione chiara ed essere in grado di guardare il prodotto in modo visivo prima di effettuare un acquisto, dopo tutto.

Rendere l'immagine più grande possibile non può risolvere questo problema, poiché richiederà anche un'enorme quantità di spazio disponibile. Pertanto la scelta migliore è rendere l'immagine zoomabile. Con Zoomer puoi farlo facilmente.

Zoomer è una libreria javascript gratuita che consente di ingrandire l'immagine . Quando è abilitato, aggiungerà il proprio stile e un pulsante per lo zoom avanti e indietro. Supporta anche più immagini, che verranno automaticamente trasformate in una galleria di immagini.

Inizializzazione

Prima di inizializzarlo, prima includi lo script Zoomer (che puoi ottenere dalla pagina GitHub) nel tuo progetto in questo modo:

Zoomer circonda l'immagine con il suo stile e aggiunge un pulsante di ingrandimento e riduzione. Dovresti includere il foglio di stile Zoomer prima del tag di chiusura della head .

 ..  .. 

Zoom avanti e indietro

Per creare un nuovo Zoomer, includere facilmente un'immagine all'interno di un wrapper. Non dimenticare di dare al wrapper un'altezza e una larghezza fisse in quanto tutto lo spazio disponibile sarà riempito dal nuovo markup. Ad esempio, creo un wrapper con il nome di .zoomable e definisco l'altezza a 500px e la larghezza a 100% in questo modo:

 .zoomable {height: 500px; larghezza: 100%; } 

Quindi avvolgo l'immagine che voglio rendere zoomabile, come di seguito:

        

          
          

		  
10 strumenti per proteggere il computer da unità flash USB infette
            
Lo usiamo regolarmente; ci aiuta comodamente a trasferire file da desktop a / da laptop o persino a condividere il suo contenuto con i nostri colleghi. Rende la vita più facile. Ma aspetta, hai trascurato la sua minaccia al nostro computer?Se l'unità flash USB è infetta da virus, non solo si possono perdere i dati nella memoria, ma si ha anche un impatto sulla sicurezza di ogni computer una volta collegato. I
			
(Consigli tecnici e di design)
          
        
      

        

          
          

		  
35 volte l'onestà non ha salvato il giorno [PICS]
            
L'onestà è la migliore politica, ci viene detto più e più volte quando eravamo bambini, dagli stessi adulti che bluffano le carte, dicono bugie bianche, piegano la verità, esagerano con le dimensioni, diffondono idee sbagliate, miti, pettegolezzi e calunnie. Così ora che sono un adulto (un po '), sto trasmettendo l'idea alla prossima generazione che a volte, i bambini, l'onestà potrebbe non essere la migliore politica da adottare.C'
			
(Consigli tecnici e di design)
          
        
      

  
  
  



Articoli Interessanti






			
	
				

					Come creare tag personalizzati per template WordPress
					

			
	
				

					Come liberare spazio su disco senza eliminare nulla di importante
					
						







			
	
				

					In che modo 10 startup globali stanno risolvendo i problemi del mondo
					

			
	
				

					22 Free Digital Audio Editors da scaricare nel 2017