Phóng to hình ảnh với jQuery plugin cloud-zoom

Phóng to hình ảnh với jQuery plugin cloud-zoom

Bài viết này sẽ giới thiệu một hiệu ứng khá hay với jQuery, khi bạn hover chuột lên hình ảnh thì sẽ có một hình ảnh phóng to tại phạm vi bao quanh chuột, chức năng giống như một chiếc kính lúp sẽ giới thiệu sau đây thuộc về tác giả R Cecco ở địa chỉ professorcloud.com.

Để sử dụng chúng ta cần có cấu trúc HTML như sau

<link href="cloud-zoom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/JavaScript" src="cloud-zoom.1.0.2.js"></script>
<a href='images/zoom/hs-buildings-1.jpg' class = 'cloud-zoom' id='zoom1' rel="adjustX: 10, adjustY:-4, softFocus:false, smoothMove:5, zoomWidth: 500">
   <img src="images/thums/hs-buildings-1.jpg" alt='' align="left" title="Optional title display" />
</a>

Ở trên thẻ img sẽ là hình thumnail còn liên kết của thẻ a sẽ là đường dẫn tới hình sẽ phóng to ở đây bạn phải đặt class=cloud-zoom để xác định hình ảnh sẽ sử dụng chức năng cloud-zoom. Thuộc tính rel sẽ chứa các tùy chọn cho hiệu ứng.

Chúng ta định kiểu cho hình phóng to trong file cloud-zoom.css

Để xem demo, tải chương trình và xem hướng dẫn chi tiết về các tùy chọn cũng như cách sử dụng bạn truy cập tại địa chỉ professorcloud.com

Bạn thấy bài viết này như thế nào?: 
Average: 9 (1 vote)
Ảnh của Khanh Hoang

Khanh Hoang - Kenn

Kenn is a user experience designer and front end developer who enjoys creating beautiful and usable web and mobile experiences.

Bình luận (1)

Ảnh của Tommy Tran
Tommy Tran- Apr 26, 2023 08:51 PM Reply

Việt Nam có thuốc y học cổ truyền đầu tiên điều trị Covid-19

Nhóm nhà khoa học Việt nghiên cứu viên nang cứng TD0069 bào chế từ thảo dược, được coi là thuốc y học cổ truyền đầu tiên được cơ quan y tế chỉ định điều trị Covid-19.

Ngày 25/4, Viện Y dược học dân tộc TP HCM phối hợp với Hội đông y thành phố và một số đơn vị công bố thông tin trên dựa trên kết quả đề tài "Nghiên cứu giai đoạn 3, ngẫu nhiên, mù đôi, đối chứng song song đánh giá an toàn và hiệu quả viên nang cứng TD0069 trong điều trị Covid-19 ở thể nhẹ và vừa". Các nghiên cứu này cũng được đăng tải trên một số tạp chí hệ thống Scopus của nhà xuất bản Wiley.

PGS.TS Lê Văn Truyền, nguyên Thứ trưởng Y tế, Chủ tịch hội đồng tư vấn cấp giấy đăng ký lưu hành thuốc, nguyên liệu làm thuốc, cho biết cuối tháng 3 Hội đồng xem xét hồ sơ, dữ liệu khoa học của sản phẩm. Sau đó Hội đồng rà soát lại các chứng cứ khoa học đề nghị Bộ Y tế cấp giấy phép lưu hành dưới dạng thuốc y học cổ truyền dùng để phòng và điều trị Covid-19 cho sản phẩm của nhóm nghiên cứu.

Hôm 12/4, sản phẩm nghiên cứu là viên nang cứng TD0069 được Bộ Y tế cấp phép làm thuốc với tên gọi Sunkovir. Thuốc được cấp số đăng ký lưu hành toàn quốc theo quyết định số 82/QĐ-YDCT. Đây được coi là sản phẩm thuốc y học cổ truyền đầu tiên và duy nhất được cấp số lưu hành trên toàn quốc với chỉ định trên Covid-19 tính tới thời điểm hiện tại.

Đại diện nhóm nghiên cứu, TS.BS Trương Thị Ngọc Lan, Viện phó Viện Y dược học dân tộc TP HCM cho biết, viên nang cứng TD0069 có nguồn gốc từ bài thuốc "nhân sâm bài độc tán" kết hợp một số nghiên cứu của Trung Quốc, thuốc có thể ức chế sự hình thành cơn bão cytokine ở bệnh nhân Covid-19 thông qua các cơ chế hoạt động các dược chất trong thuốc. Viên nang cứng TD0069 có chứa nhiều dược chất được chiết thành cao như sài hồ, phục linh, đảng sâm, tiền hồ, cát cánh, xuyên khung... Cao khô trong viên nang có chứa hỗn hợp dược liệu 600 mg, khi uống có thể điều trị các triệu chứng của Covid-19 như sốt, ho, khó thở, đau cơ, mất khứu giác, vị giác...

Nhóm tiến hành thử nghiệm lâm sàng từ tháng 12/2021 đến tháng 9/2022,với 573 bệnh nhân, trong đó có 381 bệnh nhân dùng thuốc TD0069 và 192 bệnh nhân dùng giả dược (nhóm đối chứng) trong 14 ngày kết hợp với điều trị nền cho cả hai nhóm. Kết quả, viên nang TD0069 làm giảm triệu chứng lâm sàng chung trên người bệnh Covid-19, từ ngày thứ 3 sử dụng. Nhóm bệnh nhân sử dụng thuốc TD0069 có tỷ lệ hết triệu chứng theo thời gian nhanh hơn nhóm giả dược. Cụ thể, ngày thứ 7, tỷ lệ hết triệu chứng ở nhóm TD0069 là 53%, còn nhóm giả dược 27%. Ở ngày 14, tỷ lệ hết triệu chứng của nhóm TD0069 là 90% và nhóm giả dược 71%.

"Đây là thành quả đáng khích lệ trong nghiên cứu khoa học y dược cổ truyền phục vụ hỗ trợ điều trị Covid-19 nhằm nâng cao công tác chăm sóc sức khỏe người dân", BS Lan nói.

 

Add Comment

Filtered HTML

  • Các địa chỉ web và email sẽ tự động được chuyển sang dạng liên kết.
  • Các thẻ HTML được chấp nhận: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Tự động ngắt dòng và đoạn văn.

Plain text

  • No HTML tags allowed.
  • Các địa chỉ web và email sẽ tự động được chuyển sang dạng liên kết.
  • Tự động ngắt dòng và đoạn văn.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Nút Google+ Cho Kết Quả Tìm Kiếm Hình Ảnh

Nút Google+ Cho Kết Quả Tìm Kiếm Hình Ảnh

Khi bạn rê chuột qua một kết quả tìm kiếm hình ảnh Google, bạn sẽ thấy một nút +1 mà cho phép bạn giới thiệu hình ảnh những người mà theo trong Google + tại một số điểm

Asus Transformer giá còn gần 9 triệu đồng, trong khi giá trước đó là hơn 11 triệu

Giá iPad 2 chính hãng tại Việt Nam chỉ còn 9,4 triệu đồng

Ngoài iPad 2, máy tính bảng cao cấp của Asus, HTC, Samsung vừa có đợt điều chỉnh giá. Thị trường MTB sau giai đoạn iPad 3 xuất hiện bắt đầu trầm lắng trở lại.

Book: Front End Drupal, Designing, Theming and Scripting

Download sách Drupal: Theming and Scripting, Designing

Drupal faces a common problem on the Web–the relative lack of new, high quality themes. Front End Drupal tackles this problem directly and is designed to help both experienced designers and rank novices get an understanding of how Drupal theming works. In fact, I’ll be the first to admit I learned a lot from this book.

Công ty diệt chuột T&C

 

Diet con trung