jquery-sortable-photos.html
Quell Code
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery Sortable Photos Plugin Demo</title> <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> <style> .photo-grid-container { margin:50px auto 30px auto; max-width:960px;} </style> </head> <body> <h1 style="margin-top:150px; text-align:center">jQuery Sortable Photos Plugin Demo</h1> <div class="photo-grid-container"> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/1"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/2"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/3"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/4"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/5"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/6"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/7"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/8"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/9"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/10"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/11"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/12"></div> <div class="photo-grid-item"><img src="http://lorempixel.com/400/200/sports/13"></div> </div> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> <script src="js/index.php?js=jquery-sortable-photos.js"></script> <script> $('.photo-grid-container').sortablePhotos({ selector: '> .photo-grid-item', padding: 5 }); </script> </body> </html>
Comments (1)
Die Canvas Balken Uhr ist ja mal Fett