#style_select
{
width:100px;
}
div.framepic { width:96px; height:69px; padding : 2px; vertical-align:middle;}
div.framepic1 { border : 2px dotted gray; width:100px; }
div.framepic2 { border : 2px dotted black ; width : 104px;}
div.framepic3 { border : 2px solid gray ; padding : 1px ; width : 108px;}
</style>
<div class="box focus">
<div class="framepic3">
<div class="framepic2">
<div class="framepic1">
<div class="framepic">
<?php echo $kiv->Render();?>
</div></div></div></div>
</div>
<div class="box" style="text-align:center;">
<div style="height:50px;"></div>
<input type="button" value="Open image" onclick="openImge();" />
</div>
<div class="clear"></div>
<script type="text/javascript">
function openImge(){
kiv.open();
}
</script>
</form>
#style_select
{
width:100px;
}
div.framepic { width:96px; height:69px; padding : 2px; vertical-align:middle;}
div.framepic1 { border : 2px dotted gray; width:100px; }
div.framepic2 { border : 2px dotted black ; width : 104px;}
div.framepic3 { border : 2px solid gray ; padding : 1px ; width : 108px;}
</style>
<div class="box focus">
<div class="framepic3">
<div class="framepic2">
<div class="framepic1">
<div class="framepic">
<?php
echo $kiv->Render();
?>
</div>
</div>
</div>
</div>
</div>
<div class="box">
Select effects:
<select id="effect_select" name="effect_select" onchange="submit();">
<option value="zooming" <?php
echo $effect_select == 'zooming' ? 'selected' : '';
?>
>Zooming</option>
<option value="fading" <?php
echo $effect_select == 'fading' ? 'selected' : '';
div.framepic1 { border : 2px dotted gray; width:100px; }
div.framepic2 { border : 2px dotted black ; width : 104px;}
div.framepic3 { border : 2px solid gray ; padding : 1px ; width : 108px;}
</style>
<div class="box focus">
<div class="framepic3">
<div class="framepic2">
<div class="framepic1">
<div class="framepic">
<?php echo $kiv_screen_center->Render();?>
</div>
</div>
</div>
</div>
</div>
<div class="box focus">
<div class="framepic3">
<div class="framepic2">
<div class="framepic1">
<div class="framepic">
<?php echo $kiv_image_center->Render();?>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</form>
<div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_fast->Render(); ?> </div> </div> </div> </div> </div> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_slow->Render(); ?> </div> </div> </div> </div> </div> <div class="clear"></div> </form>
div.framepic1 { border : 2px dotted gray; width:100px; }
div.framepic2 { border : 2px dotted black ; width : 104px;}
div.framepic3 { border : 2px solid gray ; padding : 1px ; width : 108px;}
</style>
<div class="box focus">
<div class="framepic3">
<div class="framepic2">
<div class="framepic1">
<div class="framepic">
<?php echo $kiv_fast->Render();?>
</div>
</div>
</div>
</div>
</div>
<div class="box focus">
<div class="framepic3">
<div class="framepic2">
<div class="framepic1">
<div class="framepic">
<?php echo $kiv_slow->Render();?>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</form>
<div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_background->Render(); ?> </div> </div> </div> </div> </div> <div class="box focus"> <div class="framepic3"> <div class="framepic2"> <div class="framepic1"> <div class="framepic"> <?php echo $kiv_no_background->Render(); ?> </div> </div> </div> </div> </div> <div class="clear"></div> </form>
