| 1 | /** |
|---|
| 2 | * randomPict |
|---|
| 3 | * |
|---|
| 4 | * release 1.0.0 |
|---|
| 5 | */ |
|---|
| 6 | function randomPict(opt) |
|---|
| 7 | { |
|---|
| 8 | var options={ |
|---|
| 9 | fixedHeight:0, |
|---|
| 10 | pictures:[], |
|---|
| 11 | showName:'n', |
|---|
| 12 | showComment:'n', |
|---|
| 13 | delay:0 |
|---|
| 14 | }, |
|---|
| 15 | properties={ |
|---|
| 16 | vIntervalID:0, |
|---|
| 17 | vCurrentPict:0, |
|---|
| 18 | nameDOM:'', |
|---|
| 19 | commentDOM:'', |
|---|
| 20 | img:new Image() |
|---|
| 21 | }, |
|---|
| 22 | |
|---|
| 23 | init = function (opt) |
|---|
| 24 | { |
|---|
| 25 | $.extend(options, opt); |
|---|
| 26 | |
|---|
| 27 | switch(options.showName) |
|---|
| 28 | { |
|---|
| 29 | case 'o': |
|---|
| 30 | properties.nameDOM='iammRPicNameO'; |
|---|
| 31 | break; |
|---|
| 32 | case 'u': |
|---|
| 33 | properties.nameDOM='iammRPicNameU'; |
|---|
| 34 | break; |
|---|
| 35 | } |
|---|
| 36 | switch(options.showComment) |
|---|
| 37 | { |
|---|
| 38 | case 'o': |
|---|
| 39 | properties.commentDOM='iammRPicCommentO'; |
|---|
| 40 | break; |
|---|
| 41 | case 'u': |
|---|
| 42 | properties.commentDOM='iammRPicCommentU'; |
|---|
| 43 | break; |
|---|
| 44 | } |
|---|
| 45 | |
|---|
| 46 | if(properties.nameDOM!='') $('#'+properties.nameDOM).css('display', 'block'); |
|---|
| 47 | if(properties.commentDOM!='') $('#'+properties.commentDOM).css('display', 'block'); |
|---|
| 48 | |
|---|
| 49 | if(options.delay>0) properties.vIntervalID = window.setInterval(getNextPicture, options.delay); |
|---|
| 50 | |
|---|
| 51 | if(options.fixedHeight>0) $('#irandompicinner').css('height', options.fixedHeight+'px'); |
|---|
| 52 | |
|---|
| 53 | preloadImages(); |
|---|
| 54 | }, |
|---|
| 55 | |
|---|
| 56 | preloadImages = function () |
|---|
| 57 | { |
|---|
| 58 | $(properties.img).bind('load', |
|---|
| 59 | function () |
|---|
| 60 | { |
|---|
| 61 | properties.vCurrentPict++; |
|---|
| 62 | if(properties.vCurrentPict>=options.pictures.length) |
|---|
| 63 | { |
|---|
| 64 | properties.vCurrentPict=-1; |
|---|
| 65 | getNextPicture(); |
|---|
| 66 | } |
|---|
| 67 | else |
|---|
| 68 | { |
|---|
| 69 | properties.img.src=options.pictures[properties.vCurrentPict].thumb; |
|---|
| 70 | } |
|---|
| 71 | } |
|---|
| 72 | ); |
|---|
| 73 | properties.img.src=options.pictures[properties.vCurrentPict].thumb; |
|---|
| 74 | }, |
|---|
| 75 | |
|---|
| 76 | computePositionTop = function() |
|---|
| 77 | { |
|---|
| 78 | $("#iamm_ill0").css({top:($('#irandompicinner').innerHeight()-$("#iamm_ill0").innerHeight())/2}); |
|---|
| 79 | }, |
|---|
| 80 | |
|---|
| 81 | getNextPicture = function() |
|---|
| 82 | { |
|---|
| 83 | properties.vCurrentPict++; |
|---|
| 84 | if(properties.vCurrentPict>=options.pictures.length) properties.vCurrentPict=0; |
|---|
| 85 | |
|---|
| 86 | $('#iamm_ill0').fadeTo(200, 0, |
|---|
| 87 | function () |
|---|
| 88 | { |
|---|
| 89 | if(properties.nameDOM!='') $('#'+properties.nameDOM).html(options.pictures[properties.vCurrentPict].name); |
|---|
| 90 | if(properties.commentDOM!='') $('#'+properties.commentDOM).html(options.pictures[properties.vCurrentPict].comment); |
|---|
| 91 | |
|---|
| 92 | $('#iammRPicLink').attr('href', options.pictures[properties.vCurrentPict].link); |
|---|
| 93 | $('#iammRPicImg').attr('src', options.pictures[properties.vCurrentPict].thumb); |
|---|
| 94 | computePositionTop(); |
|---|
| 95 | $('#iamm_ill0').fadeTo(200, 1); |
|---|
| 96 | } |
|---|
| 97 | ); |
|---|
| 98 | |
|---|
| 99 | }; |
|---|
| 100 | |
|---|
| 101 | init(opt); |
|---|
| 102 | } |
|---|
| 103 | |
|---|
| 104 | |
|---|
| 105 | $(document).ready( |
|---|
| 106 | function () |
|---|
| 107 | { |
|---|
| 108 | var rPict=new randomPict(randomPictOpt); |
|---|
| 109 | } |
|---|
| 110 | ); |
|---|
