Za ogled efekta kliknite na sliko! 



Da bi izdelali enak efekt, boste potrebovali naslednje:

  • sliko v polni velikosti s priporočljivo resolucijo 1024x768px
  • podstran na vašem spletnem mestu, kjer boste lahko dodali slike in besedilo.


Če se pripravili zgoraj našteto, se lotite dela na naslednji način:


1. Najprej na vaši strani dodajte področje za besedilo in slike!


2. Potem s pomočjo urejevalnika besedila in slik, naložite sliko v polni velikosti na vašo stran.


3. Sliko zmanjšajte na željeno velikost, pri tem pa le pazite, da boste pri zmanjševanju slike ohranili razmerje med višino in širino. To omogočite s pritiskom na ikono s ključavnico () .


4. Ko imate sliko naloženo, kjerkoli na strani dodajte HTML izseček ter prilepite naslednjo kodo:


<script src="http://aws.netclime.net/FZ/fancy_zoom2m.js"></script>
<script>
$( window ).addEvent( 'domready', function( ) {
   SK_SetupZoom( 'AREA__MAIN_CONTENT_COL1' );
   var fancy_zoom = null;
   fancy_zoom = new FancyZoom();
   fancy_zoom.setupZoom();
} );
</script>  


5. Ko boste HTML izseček shranili, kliknite na sliko in uživajte v prekrasnem efektu med večanjem in manjšanjem vaše slike.