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

minor adjustments, think I'm done, now time to merge...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-07-19 17:56:02 +04:00
parent 57eb32af78
commit 65ac6a179f
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/experiment-ribbon-navigation-n-zoom.html
View File

@ -23,6 +23,15 @@ $(document).ready(function(){
$('.current.square').click()
})
function toggleMarkers(){
var marker = $('.v-marker, .h-marker')
if(marker.css('display') == 'none'){
marker.fadeIn()
} else {
marker.fadeOut()
}
}
function squareClick(){
// set classes...
$('.current').removeClass('current')
@ -339,13 +348,18 @@ function fitThreeImages(){
</style>
Zoom: <button onclick="zoomContainerBy(2)">+</button>
Guides:
<button onclick="toggleMarkers()">Toggle Guides</button>
<br>
Zoom:
<button onclick="zoomContainerBy(2)">+</button>
<button onclick="zoomContainerBy(0.5)">-</button>
<button onclick="setContainerZoom(1)">Original</button>
<button onclick="fitImage()">Image</button>
<button onclick="fitThreeImages()">Three</button>
<br>
Size:
<button onclick="containerSize($('.meta-container').width()*1.5, $('.meta-container').height()*1.5)">+</button>
<button onclick="containerSize($('.meta-container').width()*0.75, $('.meta-container').height()*0.75)">-</button>