/** * Obsah banneru pro SPORTSTUDIO PRIMA */ window.addEvent('domready', function(){ var data = { 'img12.jpg': { caption: 'ZUMBA - žhavá novinka pro Vás, kterou se každý snadno naučí - od pondělí do pátku ... se Soňou', href:'./Rindex.php?promena=zumba.php' }, 'img21.jpg': { caption: 'LANOVÉ CENTRUM PLEŠIVEC - pro každého, kdo má rád zábavu, adrenalin a nezapomenutelné okamžiky.', href:'http://www.plesivec.eu/' }, 'img02.jpg': { caption: 'DÁMSKÉ FITNESS - konečně posilovna pouze pro ženy, kde se můžete soustředit jen na svůj trénink', href:'./Rindex.php?promena=damske-fitness.php' }, 'img03.jpg': { caption: 'Musíte něco zařídit a s dětmi to prostě nejde? Dětský koutek a Café Prima Martiny Hanzalové Vám pomůže', href:'./Rindex.php?promena=cafe-koutek.php' }, 'img04.jpg': { caption: 'Nike Fitness Club je projekt určený všem aktivním ženám, které preferují moderní způsob života', href:'./Rindex.php?promena=prima-nike-fitness-club.php' }, 'img05.jpg': { caption: 'Přijďte si k nám pořádně zařádit a zaskákat na trampolínkách na hodinu JUMPINGU! ', href:'./Rindex.php?promena=jumping.php' }, 'img06.jpg': { caption: 'Moderní, dvoupatrové SPORTSTUDIO Prima má pro Vás komplexní služby pod jednou střechou' , href:'./Rindex.php?promena=main.php' }, 'img07.jpg': { caption: 'V KARDIO ZÓNĚ na vás čekají steppery a cross-trainery, veslovací trenažéry a stacionární kola', href:'./Rindex.php?promena=main.php' }, 'img08.jpg': { caption: 'Připojte se i vy k jednomu z nejpopulárnějších sportů a přijďte si snámi zacvičit v rytmu AEROBICU', href:'./Rindex.php?promena=aerobic.php' }, 'img09.jpg': { caption: 'CYCLING patří mezi aerobní cvičení, kdy si každý jezdec volí svou zátěž dle svých možností a cílů', href:'./Rindex.php?promena=cycling.php' }, 'img10.jpg': { caption: 'V našem FITNESS-SHOPU si můžete koupit všechny potřebné doplňky za výborné ceny', href:'./Rindex.php?promena=fitness-shop.php' }, /**/ 'img11.jpg': { caption: 'FIT-BOX patří mezi aerobní cvičení, kdy si každý jezdec volí svou zátěž dle svých možností a cílů', href:'./Rindex.php?promena=fit-box.php' } }; var myShow = new Slideshow.Push('show', data, { captions: true, controller: true, thumbnails: true, delay: 7000, duration: 4000, hu: 'imgsys/banner/', transition: Fx.Transitions.Elastic.easeOut, width: 650, height: 160/*, zoom: 75*/ }); // var myShow = new Slideshow.Push('show', data, { captions: true, controller: true, thumbnails: true, delay: 5000, duration: 1500, hu: 'imgsys/banner/', transition: 'elastic:out', width: 650, height: 160, zoom: 25 }); //this.show = new Slideshow.Push(this.el, data, { captions: true, controller: true, delay: 2500, duration: 2000, height: 400, hu: 'images/', transition: 'elastic:out', width: 500, zoom: 25 }); // var myShow = new Slideshow('show', data, { captions: true, controller: true, thumbnails: true, delay: 10000, duration: 500, hu: 'imgsys/banner/', width: 650, height: 160 }); // var myShow = new Slideshow.KenBurns('show', data, { captions: true, controller: true, thumbnails: true, delay: 20000, duration: 2000, hu: 'imgsys/banner/', width: 650, height: 160 }); /* delay = doba mezi jedn. obrazky, duration = doba efektu (vymeny obrazku) http://code.google.com/p/slideshow/wiki/Slideshow: Options: * captions1 - (boolean or Fx options object: default false) Whether to show captions. * center2 - (boolean: default true) Whether the show should attempt to center images. * classes3 - (array) An array of CSS class names to use with styling the show. * controller1 - (boolean or Fx options object: default false) Whether to show controller. * delay - (integer: default 2000) The delay between slide changes in milliseconds (1000 = 1 second). * duration - (integer: default 750) The duration of the effect in milliseconds (1000 = 1 second). * fast - (boolean or integer: default false) Affects how the show behaves when the user is navigating via the controller or keyboard: if false/0 the show will always use transitions; if 1 the show will skip transitions if paused; if true/2 the show will skip all transitions and update the slide change instantly. * height - (boolean or integer: default false) Optional height value for the show as a whole integer, if a height value is not given the height of the default image will be used. * href - (string: default empty) A single link for the show, inherited from the HTML href of the default image. * hu - (string) Path to the image directory, relative or absolute, default is the root directory of the website, use an empty string for the same directory as the webpage. * linked - (boolean: default false) Whether the class should automatically link each slide to the fullsize image, useful when mashing Slideshow with Slimbox, Lightbox, etc. * loader1 - (boolean or Fx options object: default object) Show the loader graphic for images being loaded. * loop - (boolean: default true) Should the show loop. * match - (regexp) A regular expression the class uses to parse the URL, will overwrite "slide" below, default looks for ?slide=n where "n" would be the slide to start from. * onStart, onComplete, onEnd - (function) Events that are fired on the start or completion of a slide change and at the end of a non-looping show. * overlap - (boolean: default true) Whether images overlap in the basic show, or if the first image transitions out before the second transitions in. * paused - (boolean: default false) Whether the show should start paused. * random - (boolean: default false) Random show, combined with thumbnails equals very cool! * replace - (array) An array, consisting of a regular expression pattern and a string replacement, for building thumbnail filenames based on the name of the original image, default appends a "t" to the image filename before the extension. * resize - (string: default "width") Whether the show should attempt to resize images, based on the shortest side (default) or longest side ("length"). * slide - (integer: default 0) Slide from which to start the show. * thumbnails1 - (boolean or Fx options object: default false) Whether to show thumbnails. * titles - (boolean) Whether to use captions for image and thumbnail title attributes. * transition - (function: default Sine) Transition to use with base and push type shows (requires Mootools with Fx.Transitions). * width - (boolean or integer: default false) Optional width value for the show as a whole integer, if a width value is not given the width of the default image will be used. * preload - (boolean : default false) Optional preloading loads all images at start rather than streaming image by image. * titles - (boolean : default true) Optional titles sets the alt attributes of the images and title attributes of the anchor in slideshow-images. */ /* -------------------------------------------------------------------------------- Transitions -------------------------------------------------------------------------------- http://mootools.net/docs/core/Fx/Fx.Transitions Class: Fx Fx.Transitions overrides the base Fx constructor, and adds the possibility to use the transition option as string. Transition option: The equation to use for the effect. See Fx.Transitions. It accepts both a function (ex: Fx.Transitions.Sine.easeIn) or a string ('sine:in', 'bounce:out' or 'quad:in:out') that will map to Fx.Transitions.Sine.easeIn / Fx.Transitions.Bounce.easeOut / Fx.Transitions.Quad.easeInOut Hash: Fx.Transitions A collection of tweening transitions for use with the Fx classes. Examples: $('myElement').set('tween', {transition: Fx.Transitions.Elastic.easeOut}); $('myElement').tween('margin-top', 100); See also: * Robert Penner's Easing Equations Fx.Transitions Method: linear Displays a linear transition. Fx.Transitions Method: quad Displays a quadratic transition. Must be used as Quad.easeIn or Quad.easeOut or Quad.easeInOut. Fx.Transitions Method: cubic Displays a cubicular transition. Must be used as Cubic.easeIn or Cubic.easeOut or Cubic.easeInOut. Fx.Transitions Method: quart Displays a quartetic transition. Must be used as Quart.easeIn or Quart.easeOut or Quart.easeInOut. Fx.Transitions Method: quint Displays a quintic transition. Must be used as Quint.easeIn or Quint.easeOut or Quint.easeInOut Fx.Transitions Method: pow Used to generate Quad, Cubic, Quart and Quint. Note: * The default is p^6. Fx.Transitions Method: expo Displays a exponential transition. Must be used as Expo.easeIn or Expo.easeOut or Expo.easeInOut. Fx.Transitions Method: circ Displays a circular transition. Must be used as Circ.easeIn or Circ.easeOut or Circ.easeInOut. Fx.Transitions Method: sine Displays a sineousidal transition. Must be used as Sine.easeIn or Sine.easeOut or Sine.easeInOut. Fx.Transitions Method: back Makes the transition go back, then all forth. Must be used as Back.easeIn or Back.easeOut or Back.easeInOut. Fx.Transitions Method: bounce Makes the transition bouncy. Must be used as Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut. Fx.Transitions Method: elastic Elastic curve. Must be used as Elastic.easeIn or Elastic.easeOut or Elastic.easeInOut Class: Fx.Transition This class is only useful for math geniuses who want to write their own easing equations. Returns an Fx transition function with 'easeIn', 'easeOut', and 'easeInOut' methods. Syntax: var myTransition = new Fx.Transition(transition[, params]); Arguments: 1. transition - (function) Can be a Fx.Transitions function or a user-provided function which will be extended with easing functions. 2. params - (mixed, optional) Single value or an array for multiple values to pass as the second parameter for the transition function. Returns: * (function) A function with easing functions. */ });