Lightbox

There is an old adage in the advertising  arena that typifies what advertising and promotions are all about:

If one fails to advertise their product, they are leaving the door wide open for their competition.

3 steps in designing your concept with a goal that reflects your brand effectively.

      • 1. Acquiring specific information and 1st half deposit:Once a deposit is received, there will be questions to fill out to make the process run smoothly and for me to design exactly what you want!

 

      • 2.  Rough drawings will be placed on a private link just for you: You will be able to view lo-resolution samples that were determined via your request. Please make any notes or changes as you see fit at this stage

 

        • 3. Once accepted, the final stages in designing will begin:Once the samples has been approved, you will receive the original artwork only after 2nd half of payment has been received. Once received, the final process will begin on creating your design such as colorization and proper file formats.

That’s it! You will then own your very own mascot!

*Note* Additional costs for multiple poses, mascots or or complex illustrations. Please request a quote for exact costs. You may also request a PSD file of your design.

 

Examples

Different animations – fade, elastic and none

Lightbox Image
Lightbox Image
Lightbox Image

Different title positions – float, inside and over

Lightbox Image
Lightbox Image
Lightbox Image

Various examples in one gallery (try also using the keyboard and mouse scroll wheel)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

How To Use

Use the HTML5 custom data attribute data-lightbox to activate the lightbox. You can set various lightbox parameters to the data attribute. For example:

<a data-lightbox="width:1000;height:700;" href="http://www.google.com">Lightbox</a>

Here is a list of the most common parameters:

  • titlePosition – How should the title show up? (float, outside, inside or over)
  • transitionIn – Set a opening transition. (fade, elastic, or none)
  • transitionOut – Set a closing transition (fade, elastic, or none)
  • overlayShow – Set to true or false
  • width – Set a width in pixel
  • height – Set a height in pixel
  • padding – Set a padding in pixel