mido92

Stay Signed In
Do you want to access your site more quickly on this computer? Check this box, and your username and password will be remembered for two weeks. Click logout to turn this off.

Stay Safe
Do not check this box if you are using a public computer. You don't want anyone seeing your personal info or messing with your site.

Ok, I got it

Back To Home Page

Page transitions

Allie-Transitions

page transitions

what is a page transition? well, i am sure you must've been on a site before where the pages switch from one to another in a cool way. this is called a transition. if you still don't understand, refresh this page and you'll see.

notes
-right-click and click 'select all' in the box with the code that you want

-then on your keyboard, click ctrl & C at the same time to copy the code

-click ctrl & V on your keyboard at the same time to paste the code

-paste this code in an html box on your piczo site

depending on the effect you want, paste one of these into the code in the box above where it says "TRANSITION CODE HERE".

barn
blinds
checkerboard
fade
gradientwipe
inset
iris
pixelate
randombars
randomdissolve
slide
zigzag

depending on the effect you want, paste the number, in the code, in the box, where it says "TRANSITION # HERE".

shrinking boxes-0
growing boxes-1
shrinking circles-2
growing circles-3
wipes up-4
wipes down-5
wipes right-6
wipes left-7
right moving stripes-8
downward moving stripes-9
right moving boxes-10
downward moving boxes-11
pixels disolving-12
horizontal curtain closing-13
horizontal opening-14
vertical curtain closing-15
vertical curtain closing-16
strips away left down-17
strips away left up-18
diagonal top left-19
diagonal bottom left-20
horizontal bars dissolve-21
Random bars vertical-22
Random-23

star iris different every time smooth fancy

this is a very cool code where when you enter the page 5 different colours flash by in the background really fast.

<script>
// Copyright 1996 Geoff Baysinger, gbaysing@hiwaay.net, http://fly.hiwaay.net/~gbaysing/ 
// The Dec2Hex function by the hIdaho ColorCenter http://www.hidaho.com/colorcenter/ccpad.html
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
function initArray() {
  this.length = initArray.arguments.length
  for (var i = 0; i < this.length; i++)
    this[i+1] = initArray.arguments[i]
}
var hexChars = "0123456789ABCDEF";
function Dec2Hex (Dec) {
  var a = Dec % 16;
  var b = (Dec - a)/16;
  hex = "" + hexChars.charAt(b) + hexChars.charAt(a);
  return hex;
}
function bgChanger (begin, end, steps) {
  steps = steps -1 ;
  redA     = begin.charAt(0) + begin.charAt(1);
  red_valA = parseInt(redA,'16');
  redB     = end.charAt(0) + end.charAt(1);
  red_valB = parseInt(redB,'16');
  red_int  = ((red_valB - red_valA) / steps) * -1;
  grnA     = begin.charAt(2) + begin.charAt(3);
  grn_valA = parseInt(grnA,'16');
  grnB     = end.charAt(2) + end.charAt(3);
  grn_valB = parseInt(grnB,'16');
  grn_int  = ((grn_valB - grn_valA) / steps) * -1;
  bluA     = begin.charAt(4) + begin.charAt(5);
  blu_valA = parseInt(bluA,'16');
  bluB     = end.charAt(4) + end.charAt(5);
  blu_valB = parseInt(bluB,'16');
  blu_int  = ((blu_valB - blu_valA) / steps) * -1;
  step = 2;
  red = red_valA;
  grn = grn_valA;
  blu = blu_valA;
  document.bgColor = begin;
  while ( steps >= step ) {
    red -= red_int;
    red_round = Math.round(red);
    red_hex = Dec2Hex(red);
    grn -= grn_int;
    grn_round = Math.round(grn);
    grn_hex = Dec2Hex(grn);
    blu -= blu_int;
    blu_round = Math.round(blu);
    blu_hex = Dec2Hex(blu);
    document.bgColor = red_hex + grn_hex + blu_hex;
//    document.write("<br>bgcolor = " + red_hex + grn_hex + blu_hex);
    step++;
  }
  document.bgColor = end;
}
-->
</script>
<script>

</script>

How Piczo Works

Report Bad Content

View High Resolution
Download For Printing
Order Prints & Gifts
Create Your Own Site