{"id":10844,"date":"2013-10-21T04:46:00","date_gmt":"2013-10-21T04:46:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/10\/21\/cach-dung-cloud-zoom-jquery-de-phong-to-anh\/"},"modified":"2013-10-21T04:46:00","modified_gmt":"2013-10-21T04:46:00","slug":"cach-dung-cloud-zoom-jquery-de-phong-to-anh","status":"publish","type":"post","link":"https:\/\/kiencang.net\/cach-dung-cloud-zoom-jquery-de-phong-to-anh\/","title":{"rendered":"C\u00e1ch d\u00f9ng Cloud Zoom Jquery \u0111\u1ec3 Ph\u00f3ng to \u1ea2nh"},"content":{"rendered":"\n

Hi\u1ec7u \u1ee9ng Zoom v\u00e0o chi ti\u1ebft \u1ea3nh hay d\u00f9ng v\u1edbi c\u00e1c trang web b\u00e1n h\u00e0ng. Khi \u0111\u00f3, ch\u00fang ta c\u00f3 h\u00ecnh \u1ea3nh s\u1ea3n ph\u1ea9m \u1edf k\u00edch c\u1ee1 v\u1eeba ph\u1ea3i, nh\u01b0ng r\u00f5 r\u00e0ng ng\u01b0\u1eddi d\u00f9ng mu\u1ed1n mua th\u01b0\u1eddng th\u00edch nh\u00ecn k\u1ef9 c\u00e0ng h\u01a1n, l\u00fac \u0111\u00f3 khi h\u1ecd di chu\u1ed9t v\u00e0o b\u1ee9c \u1ea3nh, hi\u1ec7u \u1ee9ng gi\u1ed1ng nh\u01b0 k\u00ednh l\u00fap soi v\u00e0o s\u1ebd xu\u1ea5t hi\u1ec7n, cho ph\u00e9p th\u1ea5y k\u00edch th\u01b0\u1edbc l\u1edbn.<\/p>\n\n\n\n

Tr\u01b0\u1eddng h\u1ee3p ch\u1ec9 c\u1ea7n ph\u00f3ng to \u0111\u01a1n gi\u1ea3n b\u1ea1n d\u00f9ng\u00a0CSS3 \u0111\u1ec3 Zoom \u1ea3nh<\/a>\u00a0l\u00e0 \u0111\u1ee7 r\u1ed3i. Tuy nhi\u00ean n\u1ebfu mu\u1ed1n hi\u1ec7u \u1ee9ng \u0111\u1eb9p h\u01a1n, t\u1ed1t h\u01a1n ch\u00fang ta c\u1ea7n x\u00e0i Jquery.<\/p>\n\n\n\n

Plugin\u00a0Cloud Zoom l\u00e0 \u1ee9ng vi\u00ean t\u1ed1t \u0111\u00e1p \u1ee9ng c\u00e1c y\u00eau c\u1ea7u, n\u00f3 t\u01b0\u01a1ng th\u00edch v\u1edbi h\u1ea7u h\u1ebft c\u00e1c tr\u00ecnh duy\u1ec7t ph\u1ed5 bi\u1ebfn, bao g\u1ed3m: Chrome, FireFox, Opera, Safari, IE6+<\/p>\n\n\n\n

N\u00f3 c\u0169ng l\u00e0m vi\u1ec7c t\u1ed1t v\u1edbi \u0111a d\u1ea1ng c\u00e1c phi\u00ean b\u1ea3n c\u1ee7a Jquery \u2013 ph\u1ee7 r\u1ed9ng t\u1eeb version\u00a01.4.3 cho \u0111\u1ebfn 1.10.2 hay ngay c\u1ea3 2.0.3<\/p>\n\n\n\n

Cloud Zoom c\u00f3 2 phi\u00ean b\u1ea3n:<\/p>\n\n\n\n