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

 
Hơn 60% ứng dụng trên App Store chưa từng được tải về lần nào

Hơn 60% ứng dụng trên App Store chưa từng được tải về lần nào

Số liệu thống kê từ một bên thứ ba cho biết, có tới hơn 400.000 ứng dụng trên App Store chưa từng được một lần người dùng iOS tải về máy. Theo Phonearena, thống kê trên được đưa ra bởi hãng nghiên cứu Adeven dựa trên số liệu có được từ các ứng dụng iOS

Bài 3 nodejs: Callback - như một Hàm Gọi Hàm

Trong ngôn ngữ lập trình, callback (hàm gọi lại) là một hình thức của hàm gọi hàm

Nhanh tay “thử ngay” giao diện mới của Youtube!

Nhanh tay “thử ngay” giao diện mới của Youtube!

Youtube đang thử nghiệm một thiết kế trang chủ mới, thông tin này đang lan truyền trên các mạng xã hội Facebook, Google +, Twitter.

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

 

Diet con trung