DivCorners Create image corners & border layouts

 

Demo

Example 1

This demo shows a simple layout that consist of four corner images and for side images.

$("#ex1").dcCreate({
    imgPrefix: "demo/ex1-",
    fileType: ".gif",
    expand: 25,
    position: "outside"
});

Example 2

Demo shows the difference between inside and outside positioning.

$("#ex2a").dcCreate({
  imgPrefix: "demo/ex2-",
  fileType: ".png",
  expand: 13,
  radius: 30,
  position: "inside"
});

$("#ex2b").dcCreate({
  imgPrefix: "demo/ex2-",
  fileType: ".png",
  expand: 13,
  radius: 30,
  position: "outside"
});

Example 3

Demo shows how the dcClear() function works.

$("#ex3").dcCreate({
  imgPrefix: "demo/ex2-",
  fileType: ".gif",
  expand: 10,
  radius: 22,
  position: "outside"
});
$('#ex3').dcClear();

Example 4

Demo shows how the dcResize() function works.

$("#ex4").dcCreate({
    imgPrefix: "demo/ex1-",
    fileType: ".gif",
    expand: 25,
    position: "outside"
});