Bruk Glatt Zoom Effekt til bilder med Zoomer

Det er et sitat som går, "et bilde er verdt tusen ord." I webdesign blir det enda mer relevant. Spesielt når det handler om utstillingsprodukter, som for eksempel på et e-handelsområde. Folk trenger å få en klar forståelse og kunne se på produktet på en visuell måte før de kjøper et kjøp.

Å gjøre bildet så stort som mulig kan ikke løse dette problemet, da det også vil ta en stor ledig plass. Derfor er det beste valget å gjøre bildet zoombart. Med Zoomer kan du få det til å skje med letthet.

Zoomer er et gratis javascriptbibliotek som gjør at bildet ditt kan zoomes . Når den er aktivert, vil den legge til sin egen stil og en knapp for å zoome inn og ut. Den støtter også flere bilder, som automatisk blir omgjort til et bildegalleri.

initialisering

Før du initialiserer den, inkluderer du først Zoomer-skriptet (som du kan få fra GitHub-siden) i prosjektet ditt slik:

Zoomer vil omgjøre bildet med sin stil og legge til en zooming inn og ut-knapp. Du bør inkludere Zoomer stilarket før den avsluttende taggen av head også.

 ..  .. 

Zoomer inn og ut

Hvis du vil opprette en ny Zoomer, kan du enkelt ta med et bilde i en wrapper. Ikke glem å gi innpakningen fast høyde og bredde da alt ledig plass vil bli fylt av den nye merkingen. For eksempel lager jeg en wrapper med navnet .zoomable og definerer høyden til 500px og bredden til 100% slik:

 .zoomable {høyde: 500px; bredde: 100%; } 

Da pakker jeg bildet jeg vil gjøre zoombar, som nedenfor:

        

          
          

		  
10 Nummeronymer Webutviklere bør vite
            
Utviklere og teknologiske kunnskaper har alltid vært tiltrukket av tall, så det er bare en selvfølge at tallverdier, eller tallbaserte ord, har blitt raskt elskede av dem. Nummeronymer brukes til å forkorte lange ord som ville være for tungvint å skrive nøyaktig hele tiden. Vi kan kalle en forkortelse et talltegn hvis den inneholder både bokstaver og tall.Det er 
			
(Tekniske og design tips)
          
        
      

        

          
          

		  
3 ting du ikke vet om JavaScript-arrays
            
Arrays er en mye brukt funksjon i programmeringsspråk; De er spesielle variabler som kan brukes til å lagre flere verdier på samme tid. Men når det gjelder JavaScript, så enkelt som det er å lære, er det alltid mer å utforske.I dette innlegget ser vi på tre mindre kjente, men viktige funksjoner i JavaScript-arrays du kanskje ikke har kjent før.1. Legg t
			
(Tekniske og design tips)
          
        
      

  
  
  



Interessante Artikler






			
	
				

					Opprette Modal Window enkelt med HTML5 Dialog
					

			
	
				

					6 Android Apps for å administrere flere brukerkontoer på samme enhet
					
						







			
	
				

					Bla gjennom historien til dine favoritt nettsteder med UX-tidslinjen
					

			
	
				

					Slik sender du tilpassede meldinger til slakk fra programmet