glide

//Featured Content Glider: By http://www.dynamicdrive.com //Created: Dec 22nd, 07' //Updated (Jan 29th, 08): Added four possible slide directions: "updown", "downup", "leftright", or "rightleft" //Updated (Feb 1st, 08): Changed glide behavior to reverse direction when previous button is clicked //Updated (Feb 12th, 08): Added ability to retrieve gliding contents from an external file using Ajax ("remotecontent" variable added to configuration) var featuredcontentglider={ csszindex: 100, ajaxloadingmsg: 'Fetching Content. Please wait...', glide:function(config, showpage, isprev){ var selected=parseInt(showpage) if (selected>=config.$contentdivs.length){ //if no content exists at this index position alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.") selected=0 } var $target=config.$contentdivs.eq(selected) //Test for toggler not being initialized yet, or user clicks on the currently selected page): if (config.$togglerdiv.attr('lastselected')==null || parseInt(config.$togglerdiv.attr('lastselected'))!=selected){ var $selectedlink=config.$toc.eq(selected) config.$next.attr('loadpage', (selectedServer Response: '+ajaxrequest.responseText) }, success:function(content){ config.$glider.html(content) featuredcontentglider.setuptoggler(config) } }) }, aligncontents:function(config){ config.$contentdivs=$("#"+config.gliderid+" ."+config.contentclass) config.$contentdivs.css(config.leftortop, config.startpoint).css({height: config.$glider.height(), visibility: 'visible'}) //position content divs so they're out of view: }, setuptoggler:function(config){ this.aligncontents(config) config.$togglerdiv.hide() config.$toc.each(function(index){ $(this).attr('pagenumber', index+'pg') if (index > (config.$contentdivs.length-1)) $(this).css({display: 'none'}) //hide redundant "toc" links }) var $nextandprev=$("#"+config.togglerid+" .next, #"+config.togglerid+" .prev") $nextandprev.click(function(event){ //Assign click behavior to 'next' and 'prev' links featuredcontentglider.glide(config, this.getAttribute('loadpage'), this.getAttribute('buttontype')) event.preventDefault() //cancel default link action }) config.$toc.click(function(event){ //Assign click behavior to 'toc' links featuredcontentglider.glide(config, this.getAttribute('pagenumber')) event.preventDefault() }) config.$togglerdiv.fadeIn(1000, function(){ featuredcontentglider.glide(config, config.selected) if (config.autorotate==true){ //auto rotate contents? config.stepcount=0 //set steps taken config.totalsteps=config.$contentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles) featuredcontentglider.autorotate(config) } }) config.$togglerdiv.click(function(){ featuredcontentglider.cancelautorotate(config.togglerid) }) }, autorotate:function(config){ var rotatespeed=config.speed+config.autorotateconfig[0] window[config.togglerid+"timer"]=setInterval(function(){ if (config.totalsteps>0 && config.stepcount>=config.totalsteps){ clearInterval(window[config.togglerid+"timer"]) } else{ config.$next.click() config.stepcount++ } }, rotatespeed) }, cancelautorotate:function(togglerid){ if (window[togglerid+"timer"]) clearInterval(window[togglerid+"timer"]) }, getCookie:function(Name){ var re=new RegExp(Name+"=[^;]+", "i") //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return null }, setCookie:function(name, value){ document.cookie = name+"="+value }, init:function(config){ $(document).ready(function(){ config.$glider=$("#"+config.gliderid) config.$togglerdiv=$("#"+config.togglerid) config.$toc=config.$togglerdiv.children('.toc') config.$next=config.$togglerdiv.children('.next') config.$prev=config.$togglerdiv.children('.prev') config.$prev.attr('buttontype', 'previous') var selected=(config.persiststate)? featuredcontentglider.getCookie(config.gliderid) : config.selected config.selected=(isNaN(parseInt(selected))) ? config.selected : selected //test for cookie value containing null (1st page load) or "undefined" string config.leftortop=(/up/i.test(config.direction))? "top" : "left" //set which CSS property to manipulate based on "direction" config.heightorwidth=(/up/i.test(config.direction))? config.$glider.height() : config.$glider.width() //Get glider height or width based on "direction" config.startpoint=(/^(left|up)/i.test(config.direction))? -config.heightorwidth : config.heightorwidth //set initial position of contents based on "direction" if (typeof config.remotecontent!="undefined" && config.remotecontent.length>0) featuredcontentglider.getremotecontent(config) else featuredcontentglider.setuptoggler(config) $(window).bind('unload', function(){ //clean up and persist config.$togglerdiv.unbind('click') config.$toc.unbind('click') config.$next.unbind('click') config.$prev.unbind('click') if (config.persiststate) featuredcontentglider.setCookie(config.gliderid, config.$togglerdiv.attr('lastselected')) config=null }) }) } }

segunda-feira, 2 de abril de 2012

Teste3


Maecenas eget congue felis. Fusce tristique ullamcorper purus, sit amet pulvinar odio ornare quis. Cras id odio vel sapien tincidunt interdum. Proin vel felis justo, vel iaculis neque. Quisque erat purus, adipiscing eget accumsan quis, tincidunt sit amet ligula. Nunc eleifend mi et sapien gravida in tincidunt orci feugiat. Mauris vitae metus est. Donec aliquam sagittis mi vel interdum. Integer sed quam odio, quis consectetur neque. Cras non magna nibh, ut luctus purus. Aenean lobortis pharetra tortor et dapibus. Pellentesque pharetra tristique enim, eget aliquam libero ornare quis.



Duis dignissim nulla sit amet risus ornare pretium. Integer id metus tincidunt nisl faucibus sagittis non sit amet elit. In hac habitasse platea dictumst. Fusce suscipit urna nec nunc bibendum adipiscing. Ut tincidunt dolor sed neque bibendum id interdum tellus sagittis. Donec molestie venenatis convallis. Nam in elit vel elit lobortis bibendum id vel nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Fusce feugiat placerat varius. Nam tristique ipsum nec nisi cursus viverra. Mauris at erat in elit scelerisque dignissim a in massa. Donec condimentum, quam non suscipit pulvinar, magna ipsum lobortis magna, eget mattis justo augue eget leo. Vestibulum eget rhoncus eros. Aenean at nisl nisi. Nullam euismod blandit turpis eget dapibus. Pellentesque sit amet erat mi. Nam cursus tellus id risus ultricies tempus. Curabitur sit amet urna lectus. Nulla vitae justo tortor. Suspendisse varius, lacus ac aliquet dapibus, felis lacus vestibulum nisl, vel sodales turpis erat sit amet libero. Aenean a egestas nibh. Maecenas molestie posuere viverra. Mauris egestas ligula id enim porttitor ultricies. Nam faucibus, neque eget iaculis lacinia, metus felis cursus urna, non porttitor purus libero et mauris.
Quisque quis libero sed eros pretium laoreet a at velit. Morbi ut fringilla nunc. Duis bibendum congue mauris eu accumsan. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Vestibulum a tortor vel erat pharetra sodales faucibus sed diam. Cras tempus commodo urna nec venenatis. Praesent neque nisi, molestie ut euismod congue, auctor non justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque lacus tellus, feugiat quis adipiscing ac, tincidunt quis sapien.
Vestibulum molestie elit in dui laoreet sit amet mollis dolor consequat. Quisque hendrerit congue nisl, in posuere justo laoreet sit amet. Cras tempus bibendum urna sed varius. Etiam ut tincidunt justo. Fusce dictum mollis lobortis. Maecenas quis dolor quis nibh posuere egestas. Curabitur venenatis adipiscing mi, sit amet feugiat diam condimentum ac. Sed porttitor, augue facilisis placerat egestas, tortor odio tristique felis, et cursus libero augue quis diam. In hac habitasse platea dictumst. Morbi cursus adipiscing enim eu egestas. Phasellus tempor purus at turpis facilisis pulvinar. Pellentesque tincidunt nulla eu turpis gravida congue euismod ante varius. Donec sit amet massa quis turpis bibendum tincidunt.


Nenhum comentário:

Postar um comentário