flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-31 19:30:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

some experimenting...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-12-24 08:03:07 +04:00
parent 75fef56e85
commit f85925db5a
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
ui/experiments/crop-n-notes.html
View File

@ -22,6 +22,8 @@
width: 5px; width: 5px;
height: 5px; height: 5px;
/* XXX attr does not work here... */
/*border: solid 2px attr(color);*/
border: solid 2px red; border: solid 2px red;
border-radius: 50%; border-radius: 50%;
} }
@ -73,6 +75,21 @@
} }
.bg-crop {
position: absolute;
width: 300px;
height: 300px;
top: 300px;
left: 100px;
border: solid 5px blue;
/* XXX fragments do not yet work... */
/*background: image('image.jpg#xywh=10,30,60,20');*/
background: url('image.jpg#xywh=10,30,60,20');
}
</style> </style>
<script src="../ext-lib/jquery.js"></script> <script src="../ext-lib/jquery.js"></script>
@ -101,7 +118,10 @@ $(function(){
<body> <body>
<div class="single-resize" title="Crop"></div> <div class="single-resize" title="Crop"></div>
<div class="remark" note="note text..."></div> <div class="remark" color="red" note="note text..."></div>
<!--div class="bg-crop"></div-->
</body> </body>
</html> </html>