<div class="imageflow-container" id="imageflow-container"></div> <script> var imageflow_config = { url: 'URL DO BLOG', numPost: 7, labelName: null, monthArray: [ "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ], noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC', newTabLink: false, containerId: 'imageflow-container', imageflow: { loadingText: "Memuat gambar", /* Loading text */ imageWidth: 400, /* Image width */ animationSpeed: 50, /* Animation speed in ms */ aspectRatio: 1.964, /* Aspect ratio of the ImageFlow container (width divided by height) */ buttons: true, /* Toggle navigation buttons */ captions: true, /* Toggle captions */ circular: true, /* Toggle circular rotation */ imageCursor: 'default', /* Cursor type for all images - default is 'default' */ imageFocusM: 1.0, /* Multiplicator for the focussed image size in percent */ imageFocusMax: 4, /* Max number of images on each side of the focussed one */ imageScaling: true, /* Toggle image scaling */ imagesHeight: 0.67, /* Height of the images div container in percent */ imagesM: 1.0, /* Multiplicator for all images in percent */ onClick: function() {}, /* Onclick behaviour */ opacity: false, /* Toggle image opacity */ opacityArray: [10, 8, 6, 4, 2], /* Image opacity (range: 0 to 10) first value is for the focussed image */ percentLandscape: 118, /* Scale landscape format */ percentOther: 100, /* Scale portrait and square format */ scrollbarP: 0.6, /* Width of the scrollbar in percent */ slider: true, /* Toggle slider */ sliderCursor: 'e-resize', /* Slider cursor type - default is 'default' */ sliderWidth: 14, /* Width of the slider in px */ slideshow: true, /* Toggle slideshow */ slideshowSpeed: 1500, /* Time between slides in ms */ slideshowAutoplay: false, /* Toggle automatic slideshow play on startup */ startID: 1, /* Image ID to begin with */ glideToStartID: true, /* Toggle glide animation to start ID */ startAnimation: false, /* Animate images moving in from the right on startup */ xStep: 150 /* Step width on the x-axis in px */ } }; </script> <script src="https://sites.google.com/site/multfocosjavascript/fluxo-de-imagens-pre-garregadas/Fluxodeimagenspregarregadas.js"></script>