სურათების წყობა (jQuery) 2024-04-27 |
დასახელება: Sort images with Drag and Drop using jQuery UI ავტორი: saba-web დემო: Click აღწერა: როგორც სურათზე ხედავთ ზუსტად მასეთია Code <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8" /> <title>Sort images with Drag and Drop using jQuery UI</title> <meta name="description" content="Sort images with Drag and Drop using jQuery UI" /> <meta name="keywords" content="Sort images with Drag and Drop using jQuery UI" /> <link href="http://jquery-drag-and-drop.ssdtutorials.com/css/core.css" rel="stylesheet" type="text/css" /> <link href="http://jquery-drag-and-drop.ssdtutorials.com/js/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <section id="wrapper"> <ul id="images"> <li><img src="http://jquery-drag-and-drop.ssdtutorials.com/images/01.jpg" alt="Some image 1 description" width="200" height="200" /><span>1</span></li> <li><img src="http://jquery-drag-and-drop.ssdtutorials.com/images/02.jpg" alt="Some image 2 description" width="200" height="200" /><span>2</span></li> <li><img src="http://jquery-drag-and-drop.ssdtutorials.com/images/03.jpg" alt="Some image 3 description" width="200" height="200" /><span>3</span></li> <li><img src="http://jquery-drag-and-drop.ssdtutorials.com/images/04.jpg" alt="Some image 4 description" width="200" height="200" /><span>4</span></li> <li><img src="http://jquery-drag-and-drop.ssdtutorials.com/images/05.jpg" alt="Some image 5 description" width="200" height="200" /><span>5</span></li> <li><img src="http://jquery-drag-and-drop.ssdtutorials.com/images/06.jpg" alt="Some image 6 description" width="200" height="200" /><span>6</span></li> </ul> </section> <script src="http://jquery-drag-and-drop.ssdtutorials.com/js/jquery-1.6.2.min.js" type="text/javascript"></script> <script src="http://jquery-drag-and-drop.ssdtutorials.com/js/ui-lightness/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script> <script src="http://jquery-drag-and-drop.ssdtutorials.com/js/core.js" type="text/javascript"></script> </body> </html> |
სულ კომენტარები: 1 | |